Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Procedure

Expected Results

Reload the page

 

Move the mouse cursor over the video; controls will appear.
Hover over the Full-screen button.

  • Full-screen button should get a darker background.
  • Tooltip containing "Full screen" should appear near the Full-screen button.

Click the Full-screen button

  • The video should switch into full-screen mode.
  • The video controls should be visible along the bottom of the screen.
  • The Full-screen button icon should switch to a 'small-screen' icon.
  • A message that states "Press ESC to return to exit full screen" (or similiar) should appear along the top.

Do not move the mouse or press any keys for a short time.

  • The controls should disappear.

Move the mouse.

  • The controls should reappear.

Test the mouse functionality as described above:

  • Play / pause
  • Volume
  • Captions
  • Full screen / exit full screen
  • All controls should function as they would in non-full-screen mode. Example:
    • Tooltips appear properly
    • Button colours change according to state
    • Controls work as expected
    • Positioning and rendering appears correct
    • etc.

Play the video

  • Video should play.
  • Play button should change to a Pause button.
  • Tooltip text should change to contain "Pause".

While video is playing, click the Full-screen button again.

  • The video should switch back to its original size.
  • Video should continue playing during this transition

Stop video and click the Full-screen button again.

  • The video should stop playing.
  • switch into full-screen mode again.
  • remain in a stopped state
  • controls visible, with "ESC to exit full screen" message at top

Press the Escape key.

  • The video should switch back to its original size.

...

Procedure

Expected Results

Reload the page

 

Using only the Tab key on the keyboard, move focus to the video player.

  • When tab focus arrives at the video player, the video area should show a blue border around it.
  • Play symbol overlay should not disappear. FLUID-4599
  • The controls should not appear. FLUID-4785

Press Tab key 7 times

  • Focus should appear on the full screen button.
  • Button should appear white on blue.
  • Tool tip "Full screen" should appear.

Press Enter.

  • The video should switch into full-screen mode.
  • The video controls should be visible along the bottom of the screen.
  • The Full-screen button icon should switch to a 'small-screen' icon.
  • A message that states "Press ESC to return to exit full screen" (or similiar) should appear along the top.

Do not move the mouse or press any keys for a short time.

  • The controls should disappear.

Press Space bar or Enter

  • The video should start playing.
  • Time bar should advance.

Press and hold Up arrow

  • The volume should increase.

Press and hold Down arrow

  • The volume should decrease.

Press Space bar or Enter

  • The video should stop playing.

Press Tab key.

  • The controls should reappear.
  • Focus should be on the Play button.
  • Play button should appear

Test the keyboard functionality as described above:

  • Play / pause
  • Volume
  • Captions
  • Full screen / exit full screenTranscripts
  • All controls should function as they would in non-full-screen mode. Example:
    • Tooltips appear properly
    • Button colours change according to state
    • Controls work as expected
    • Positioning and rendering appears correct
    • etc.

Press tab until focus is back on the Play button. Play the video.

  • Video should play.
  • Play button should change to a Pause button.
  • Tooltip text should change to contain "Pause".
  • While video is playing,
click the Full
  • press tab until the exit full-screen button
again
  • is in focus.
    *Activate the exit full-screen button.
  • The video should switch back to its original size.
  • Video should continue playing during this transition

Stop Press Enter or Space to stop video and click activate the Full-screen button again using keyboard only.

  • The video should stop playing.
  • switch into full-screen mode again.
  • remain in a stopped state
  • controls visible, with "ESC to exit full screen" message at top

Press the Escape key.

  • The video should switch back to its original size.
Warning

More to come...