Metadata Authoring Tool QA Test Plan

Environments

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

QA Tests

Protocol
Perform the following tests using each browser/system environment

Please search for issues before reporting them, so as to limit the number of duplicate entries.

________________________________________________________

Protocol
Launch the following website to execute unit tests.

________________________________________________________

Description
Ensures that the component is able to handle expected input and produce expected output.

Protocol
Perform these tasks on the following site.

Test 1: The main demo page

Procedure
1. Open the metadata authoring demo in a browser
Expected Results
- The overview panel is open
- Two links on the main page to choose from: "climate change impacts" and "create new resource"
- A "restart demo" link at the top right corner

Test 2: Climate change impacts, initial state

Procedure
1. Complete Test 1
2. Using the mouse or keyboard, click "climate change impacts" link
Expected Results
- The overview panel stays open
- In the editor, predefined text with an embedded video is populated
- The web address input field for the video is filled with the video link. This input field is greyed out and cannot be changed
- In the "video details" side panel,
  - At the bottom of the video section, the radio button "no" is selected
  - In the audio section, the radio button "yes" is selected. The checkbox "Dialogue or narrative." is checked
  - In the captions section, the input fields for caption web links are prefilled with strings "www.example.com/movie.srt", the dropdown boxes for languages have "English" selected

Test 3: Climate change impacts, modify and preview content

Procedure
1. Complete Test 2
2. Using the mouse or keyboard to focus into the editor
3. Edit content. "B", "U", "i" buttons on the editor toolbar can be used to bold, underline or italic the selected content
4. Using the mouse or keyboard, click "preview content" tab
Expected Results
- A description of what to expect on this page is shown at the top of the page
- The modified content is displayed in the preview section

Test 4: Climate change impacts, modify metadata and view output html

Procedure
1. Complete Test 3
2. Using the mouse or keyboard, click "edit" tab
3. Modify metadata in the "video details" side panel
4. Using the mouse or keyboard, click "view output html" tab
Expected Results
- An indented markup is displayed with modified metadata embedded in a div. The encoding and presentation of the metadata should follow what's defined in this docs:
  Encoding Accessibility Metadata for Floe - Tables and Examples

Test 5: Climate change impacts, save

Test 6: Create new resource, initial state

Procedure
1. Complete Test 1
2. Using the mouse or keyboard, click "create new resource" link
Expected Results
- The overview panel stays open
- In the editor, a short description of how to use the editor is displayed
- The web address input field for the video is prefilled with a string "www.example.com/video.mp4"
- The "video details" side panel is empty

Test 7: Create new resource, add a video

Procedure
1. Complete Test 6
2. Using the mouse or keyboard to focus into the editor
3. In the input field for "web address for video", input some text
4. Click "OK" button or press enter key
Expected Results
- A video placeholder is appended to the content in the editor
- The "video details" side panel is populated with metadata editing sections
  - At the bottom of the video section, the radio button "not sure" is selected
  - In the audio section, the radio button "yes" is selected. None of the checkboxes in this section are checked
  - In the captions section, the input fields for caption web links are prefilled with strings "www.example.com/movie.srt", the dropdown boxes for languages have "English" selected
- The whole editing area, along with the sidebar, become longer to fit in more information

Test 8: Create new resource, modify and preview content

Procedure
1. Complete Test 7
2. Using the mouse or keyboard to focus into the editor
3. Edit content. "B", "U", "i" buttons on the editor toolbar can be used to bold, underline or italic the selected content
4. Using the mouse or keyboard, click "preview content" tab
Expected Results
- A description of what to expect on this page is shown at the top of the page
- The modified content is displayed in the preview section

Test 9: Create new resource, modify metadata and view output html

Procedure
1. Complete Test 8
2. Using the mouse or keyboard, click "edit" tab
3. Modify metadata in the "video details" side panel
4. Using the mouse or keyboard, click "view output html" tab
Expected Results
- An indented markup is displayed with modified metadata embedded in a div. The encoding and presentation of the metadata should follow what's defined in this docs:
  Encoding Accessibility Metadata for Floe - Tables and Examples

Test 10: Create new resource, save

Test 11: The overview panel, close the panel

Procedure
1. Complete Test 1
2. Using the mouse or keyboard, click the star link at the top left corner or the close button on the overview panel
Expected Results
- The overview panel closes

Test 12: The overview panel, the open/close state is maintained

Procedure
1. Complete Test 11
2. Click "climate change impacts" or "create new resource" link to go to another page
Expected Results
- On the other page, the overview panel stays closed

Test 13: The overview panel, reset state

Procedure
1. Complete Test 12
2. Using the mouse or keyboard, click the "restart demo" link
Expected Results
- Go back to the demo main page
- The overview panel opens
Stop Test
- Click "restart demo" link to go back to the main demo page