Versions Compared

Key

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

...

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear.
Hover over the Volume button.

  • Volume button should get a darker background.
  • Vertical volume slider at should appear above Volume button.
  • Slider thumb should be at roughly 50%.
  • Slider under the thumb should be a different colour than the slider above the thumb.
  • Tooltip containing "MuteVolume" should appear near the Volume button. FLUID-4859

Click the Volume button. Keep mouse positioned over the button.

  • Volume button should change to a Muted button (speaker symbol with an X).
  • Slider thumb should drop to bottom.
  • Tooltip should change to contain "Un-mute".remain unchanged. Should say "Volume". FLUID-4859

Click the Volume button again. Keep mouse positioned over the button.

  • Muted button should change to back a Volume button).
  • Slider thumb should return to original position.
  • Tooltip should not change to contain "Mute. Should say "Volume". FLUID-4859

Use the mouse to drag the volume slider thumb control up or down.

  • The colours above and below the thumb should continue to fill the available space.

Slide the Volume slider up almost to the top of the slider.
Click the Volume button to mute.
Click the Volume button again to un-mute.

  • While muted, the volume slider thumb should drop to the bottom.
  • Once un-muted, the volume slider should return to where you left it, near the top of the slider.

Slide the Volume slider all the way to the bottom of the slider.

  • Volume button should change to a Muted button (speaker symbol with an X).

Slide the Volume slider up away from the bottom of the slider.

  • Muted button should change back to a Volume button.

Start the video playing (either by clicking in the video area or on the Play button).
While listening to the audio, slide the Volume slider up and down.

  • The volume of the video should be raised and lowered according to the slider.

...

Procedure

Expected Results

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 once more.

  • The controls should appear. FLUID-4785
  • The Play button should appear white on a blue background.
  • Play symbol overlay should not disappear. FLUID-4599

Press Space key

  • Play symbol overlay should disappear. FLUID-4599
  • Video should start playing.
  • Play button should turn into a Pause button.
  • Pause button should appear as white on blue background.
  • Tooltip should change to say "Pause" FLUID-4743

Press Space key

  • Play symbol overlay should not reappear. FLUID-4599
  • Video should stop playing.
  • White on Blue background pause button should be replaced by a play button.
  • Tooltip should change to say "Play" FLUID-4743

Repeat the above-mentioned Play/Pause tests using the Enter key instead of Space.

  • Results should be the same.

...

Procedure

Expected Results

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 two more times.

  • The controls should appear. FLUID-4785
  • The Volume button should appear white on a blue background.
  • Volume slider should appear vertically above the volume button.
  • Slider thumb should be at roughly 50%.
  • Slider under the thumb should be a different colour (i.e. yellow) than the slider above the thumb (i.e. white).
  • Tooltip containing should say "Mute" should appear near the Volume button.Volume". FLUID-4859

Press and hold Down arrow

*The volume slider should move down.

Press and hold Up arrow

*The volume slider should move up.

Press Enter

  • Volume button should change to a Muted button (speaker symbol with an X).
  • Slider thumb should drop to bottom.
  • Tooltip should say "Volume". FLUID-4859

Click the Volume button. Keep mouse positioned over the button.

  • Volume button should change to a Muted button (speaker symbol with an X).
  • Slider thumb should drop to bottom.
  • Tooltip should change to contain "Un-mute".

Click the Volume button again. Keep mouse positioned over the button.

  • Muted button should change to back a Volume button).
  • Slider thumb should return to original position.
  • Tooltip should change to contain "Mute".

Use the mouse to drag the volume slider thumb control up or down.

  • The colours above and below the thumb should continue to fill the available space.

Slide the Volume slider up almost to the top of the slider.
Click the Volume button to mute.
Click the Volume button again to un-mute.

  • While muted, the volume slider thumb should drop to the bottom.
  • Once un-muted, the volume slider should return to where you left it, near the top of the slider.

Slide the Volume slider all the way to the bottom of the slider.

  • Volume button should change to a Muted button (speaker symbol with an X).

Slide the Volume slider up away from the bottom of the slider.

  • Muted button should change back to a Volume button.

Start the video playing (either by clicking in the video area or on the Play button).
While listening to the audio, slide the Volume slider up and down.

  • The volume of the video should be raised and lowered according to the slider.

...