@shard_3
Feature: CMS.Video Component
  As a course author, I want to be able to view my created videos in Studio.

  # 1
  # Video Alpha Features will work in Firefox only when Firefox is the active window
  Scenario: Autoplay is disabled in Studio
    Given I have created a Video component
    Then when I view the video it does not have autoplay enabled

  # 2
  Scenario: Creating a video takes a single click
    Given I have clicked the new unit button
    Then creating a video takes a single click

  # 3
  # Sauce Labs cannot delete cookies
  @skip_sauce
  Scenario: Captions are hidden correctly
    Given I have created a Video component with subtitles
    And I have hidden captions
    Then when I view the video it does not show the captions

  # 4
  # Sauce Labs cannot delete cookies
  @skip_sauce
  Scenario: Captions are shown correctly
    Given I have created a Video component with subtitles
    Then when I view the video it does show the captions

  # 5
  # Sauce Labs cannot delete cookies
  @skip_sauce
  Scenario: Captions are toggled correctly
    Given I have created a Video component with subtitles
    And I have toggled captions
    Then when I view the video it does show the captions

  # 6
  Scenario: Video data is shown correctly
    Given I have created a video with only XML data
    And I reload the page
    Then the correct Youtube video is shown

  # 7
  Scenario: Closed captions become visible when the mouse hovers over CC button
    Given I have created a Video component with subtitles
    And Make sure captions are closed
    Then Captions become "invisible" after 3 seconds
    And I hover over button "CC"
    Then Captions become "visible"
    And I hover over button "volume"
    Then Captions become "invisible" after 3 seconds

  # 8
  Scenario: Open captions never become invisible
    Given I have created a Video component with subtitles
    And Make sure captions are open
    Then Captions are "visible"
    And I hover over button "CC"
    Then Captions are "visible"
    And I hover over button "volume"
    Then Captions are "visible"

  # 9
  Scenario: Closed captions are invisible when mouse doesn't hover on CC button
    Given I have created a Video component with subtitles
    And Make sure captions are closed
    Then Captions become "invisible" after 3 seconds
    And I hover over button "volume"
    Then Captions are "invisible"

  # 10
  Scenario: When enter key is pressed on a caption shows an outline around it
    Given I have created a Video component with subtitles
    And Make sure captions are opened
    Then I focus on caption line with data-index 0
    Then I press "enter" button on caption line with data-index 0
    And I see caption line with data-index 0 has class "focused"

  # 11
  # Disabled until we come up with a more solid test, as this one is brittle.
  # Scenario: When start end end times are specified, a range on slider is shown
  #   Given I have created a Video component
  #   And Make sure captions are closed
  #   And I edit the component
  #   And I open tab "Advanced"
  #   And I set value "12" to the field "Start Time"
  #   And I set value "24" to the field "End Time"
  #   And I save changes
  #   And I click video button "Play"

    # The below line is a bit flaky. Numbers 73 and 73 were determined rather
    # accidentally. They might change in the future as Video player gets CSS
    # updates. If this test starts failing, 99.9% cause of failure is the line
    # below.
    # Then I see a range on slider with styles "left" set to 73 px and "width" set to 73 px