Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 24 Next »

Video Player QA Test Plan

Environments

Unable to render {include} The included page could not be found.

General QA Guidelines

General Use

  • Does the tool behave the way that you would expect?
  • Are you surprised by anything?
  • Does something take longer than you would expect?
  • When the tool does something unexpected or takes too long to do something, does the tool provide appropriate feedback?
On This Page
Specification

QA Tests

Protocol
Perform the following tests using each browser/system environment. Report issues at: http://issues.fluidproject.org/secure/Dashboard.jspa

Please search for issues before reporting them, so as to limit the number of duplicate entries: Video Player JIRA Filter

Currently known issues are indicated by their JIRA number. If you note during your testing that an issue has been resolved, please edit this page and remove the JIRA number.

Unit Test

Protocol
Launch the following website to execute unit tests.

Video Player Test Suite:
http://build.fluidproject.org/videoPlayer/videoPlayer/tests/all-tests.html

Manual Tests

Description
Ensures that the component properly functions on the aspects that are not covered by the integration test.

Protocol
Perform these tasks on the following site, perform the tests in order.

Video player sample:
One video player per page
Multiple video players per page

Mouse Functionality

Page Load, Basic Play/Pause

Procedure

Expected Results

Load the "One video player per page" demo in a browser window.

  • Page should show video player container.
  • Video should not play automatically.
  • Video player container should show a symbol overlay. FLUID-4599
  • Control menu should not be visible.
  • Transcript area should not be visible.
  • Captions should not be displayed.

Using the mouse, hover over the video player.

  • On hover, the scrubber bar and control buttons should appear.
  • Play symbol overlay should not disappear. FLUID-4599

Move the mouse away from the video player.

  • Scrubber bar and control buttons should disappear.
  • Play symbol overlay should remain. FLUID-4599

Click somewhere in the centre of the video area. Leave the cursor over the video area.

  • Play symbol overlay should disappear.
  • Video should play.
  • Play symbol on the Play/Pause button at the left end of the control buttons should change to a Pause symbol.

Click again somewhere near the centre of the video area

  • Video should stop playing.
  • Play symbol overlay should NOT re-appear.
  • Pause symbol on the Play/Pause button at the left end of the control buttons should change to a Play symbol.
Controls: Play Button

Procedure

Expected Results

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

  • Play button should get a darker background.
  • Tooltip containing "Play" should appear near the Play button.

Click on the Play button. Keep mouse positioned over the button.

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

Click the Pause button.

  • Video should stop playing.
  • Pause button should change to a Play button.
  • Tooltip should change to contain "Play."
Controls: Volume Controls

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 "Mute" should appear near the Volume button.

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.

Pause the video.

Controls: Caption Controls

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear.
Hover over the Caption (CC) button.

  • Caption button should get a darker background and "CC" should appear inverted (light text on dark background).
  • Tooltip containing "Captions" should appear near the Captions button.

Click the Caption (CC) button

  • The caption menu should appear above the button.
  • The Caption menu should include a list of languages (English and French) and a "Show Caption" option at the bottom of the menu.
  • The English menu item should be bolded.

Click the Caption button again.

  • The caption menu should disappear.

Click the Caption button again.

  • The caption menu should reappear.

Click the "Show Captions" menu item.

  • The caption menu should disappear.
  • The Captions button should switch to orange on a darker background.

Play the video

  • English captions should appear, synchronized to the audio.

Click the Captions button and select French.

  • Caption should continue to display, but should switch to French captions.

Click the Captions button and select "Hide Captions"

  • The caption menu should disappear.
  • The captions should disappear.
  • The "CC" symbol should return to dark grey text on lighter grey background.

Click the Captions button and select "English"

  • The caption menu should disappear.
  • English captions should display with the video.

Pause the video and reload the page.

Controls: Transcript Controls

Procedure

Expected Results

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

  • Transcripts button should get a darker background.
  • Tooltip containing "Transcripts" should appear near the Transcripts button.

Click on the Transcript button

  • The transcript menu should appear above the button.
  • The Transcript menu should include a list of languages (English and French) and a "Show Transcript" option at the bottom of the menu.
  • The English menu item should be bolded.

Click the Transcript button again.

  • The transcript menu should disappear.

Click the Transcript button again.

  • The transcript menu should reappear.

Click the "Show Transcripts" menu item.

  • The transcript menu should disappear.
  • The transcript area should appear to the right of the video area, containing English transcripts.
  • The icon in the Transcripts button should switch to orange.

Click the Transcript button and select French.

  • Content of transcript area should switch to French transcripts.

Click the Transcript button and select "Hide Transcript"

  • The transcript menu should disappear.
  • The transcript area should disappear.
  • The icon in the Transcripts button should switch to back to white.

Click the Transcript button and select "English"

  • The transcript menu should disappear.
  • The transcript are should appear on the right, containing English transcripts.

Reload the page.

Controls: Full-Screen Controls

Procedure

Expected Results

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.
  • More TBD

Reload the page

Controls: Scrubber Bar

Procedure

Expected Results

Move the mouse cursor over the video; controls will appear.
Use the Captions button to show captions.
Use the Transcripts button to show transcripts.
Click anywhere in grey area of scrubber bar.

  • From the beginning of the scrubber bar to where the click happens, the background color turns yellow.
  • The start time on the time box gets updated to a reasonable new time reflecting the click location.
  • The video jumps to another clip reflecting the click location.
  • The caption shows up with the text that's associated with the new video clip.
  • The transcript text scrolls to the transcript text that's associated with the new video clip.

Reload the page

Test 8: Mouse, Repeat Test 7 to click somewhere else on the scrubber bar. Make sure the results are expected

  • No labels