Metadata Feedback Tool QA Test Plan

Metadata Feedback Tool 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

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.

Metadata Feedback Tool Jira Filter

Unit Test

________________________________________________________

Protocol
Launch the following website to execute unit tests.

Metadata Authoring Tool Test Suite:
http://metadata.floeproject.org/tests/components/feedback/all-tests.html

Task Oriented Functional Tests

________________________________________________________

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

Protocol
Perform these tasks on the following site.

Metadata Feedback Demo

The Wireframe for Metadata Feedback Tool

The top sticky bar

Test 1: Sticky

  • Procedure
    1. Open the metadata feedback demo in a browser
    2. Scroll the page
  • Expected Results
    • The feedback bar appears at the top of the page
    • The feedback bar stays visible at the top of the page when the page scrolls
    • The overview panel shows. Clicking the close button or the star button at the top left corner closes the overview panel.

The match confirmation dialog

Test 2: The match confirmation dialog, open tooltip

  • Procedure
    1. Complete Test 1
    2. Using the mouse or keyboard, focus or hover on the happy face button in the button group at the right of the toolbar
  • Expected Results
    • The focus styling is applied to the button icon.
    • The tooltip appears with content designed in the wireframe

Test 3: The match confirmation dialog, close tooltip

  • Procedure
    1. Complete Test 2
    2. Using the mouse or keyboard, move away from the happy face button
  • Expected Results
    • The focus styling disappears.
    • The tooltip is closed

Test 4: The match confirmation dialog, open dialog

  • Procedure
    1. Complete Test 3
    2. Using the mouse or keyboard, click the first happy face button in the button group at the right of the toolbar
  • Expected Results
    • The dialog appears with content designed in the wireframe
    • The tooltip for the happy face button disappears if it's showed up
    • An arrow shows on top of the dialog and points to the happy face button
    • The background color of the happy face button stays blue, meaning the confirmation is activated

Test 5: The match confirmation dialog, clicking anywhere inside the dialog doesn't close itself

  • Procedure
    1. Complete Test 4
    2. Using the mouse, click anywhere in the dialog
  • Expected Results
    • The dialog stays open
    • The background color of the happy face button remains blue, meaning the active state stays

Test 6: The match confirmation dialog, close the dialog by clicking anywhere outside the dialog

  • Procedure
    1. Complete Test 5
    2. Using the mouse, click anywhere outside the dialog
  • Expected Results
    • The dialog closes
    • The dialog arrow disappears
    • The background color of the happy face button remains blue
    • The tooltip for the happy face button shows

Test 7: The match confirmation dialog, turn off the match confirmation

  • Procedure
    1. Complete Test 6
    2. Using the mouse or keyboard, click the happy face button
  • Expected Results
    • The background color of the happy face button turns back white, meaning the confirmation is turned off
  • Stop Test
    • Reload the page

Test 8: The match confirmation dialog, close the dialog by pressing escape

  • Procedure
    1. Complete Test 4
    2. Press escape key
  • Expected Results
    • The dialog closes
    • The dialog arrow disappears
    • The tooltip for the happy face button shows
  • Stop Test
    • Reload the page

Test 9: The match confirmation dialog, close the dialog by clicking anywhere in the UIO iframe

  • Procedure
    1. Complete Test 1
    2. Open UIO panel
    3. Using the mouse or keyboard, click the happy face button
    4. Using the mouse or keyboard, click anywhere in the UIO iframe
  • Expected Results
    • The dialog closes
    • The dialog arrow disappears
    • The tooltip for the happy face button shows
  • Stop Test
    • Reload the page

Test 10: The match confirmation dialog, work with UIO high contrast theme

  • Procedure
    1. Complete Test 1
    2. Open UIO panel
    3. Click a high contrast theme
    4. Click the happy face button
  • Expected Results
    • The dialog opens with correct high contrast colors
    • The dialog arrow appears with correct high contrast colors
    • Repeat this step to test other high contrast themes
  • Stop Test
    • Reload the page

The mismatch details dialog

Test 11: Repeat Test 2 - 10 to test those features for the mismatch details dialog

Test 12: The mismatch details dialog, entering text into "other" text area automatically checks the "other" checkbox

  • Procedure
    1. Open the mismatch details dialog
    2. Make sure "other" checkbox is not checked
    3. Using the mouse or keyboard, move into the "other" text area
    4. Input some text
  • Expected Results
    • The "other" checkbox is automatically checked

Test 13: The mismatch details dialog, uncheck the "other" checkbox automatically removes the text in the text area

  • Procedure
    1. Complete Test 12
    2. Using the mouse or keyboard, move into the "other" checkbox
    3. Uncheck the checbox
  • Expected Results
    • The text in the "other" text area is automatically removed

Test 14: The mismatch details dialog, skip link

  • Procedure
    1. Complete Test 13
    2. Check some checkboxes or input text into the text area
    3. Click the "Skip" link
  • Expected Results
    • The dialog closes without saving anything

Test 15: The mismatch details dialog, submit button

  • Procedure
    1. Open the mismatch details dialog
    2. Check some checkboxes or input text into the text area
    3. Click the "Submit" button
  • Expected Results
    • The dialog closes
    • The input information are saved (Note: The success or failure of the save is not visible at this point. It will become testable and visible when the request dialog is implemented)
  • Stop Test
    • Reload the page

The interaction between the dialog and the tooltip

Things to note:

  1. Only one dialog is open at a time
  2. Only one tooltip shows at a time
  3. The dialog and the tooltip could be open at the same time for different buttons. In that case, the arrow pointer also shows for the tooltip and removed for the dialog
  4. When a dialog shows, the tooltip for the same button should disappear

Test 16: Trigger the display of the tooltip for the match button

  • Procedure
    1. Use mouse or keyboard to hover or focus on the match button
  • Expected Results
    • The tooltip for the match button shows with content: I like this article, match me with similar content.

Test 17: Trigger the display of the dialog for the match button

  • Procedure
    1. Use mouse or keyboard to click the match button
  • Expected Results
    • The dialog with the match confirmation message shows
    • The tooltip from the Test 16 closes

Test 18: Trigger the display of another tooltip for the mismatch button

  • Procedure
    1. Use mouse or keyboard to hover or focus on the mismatch button
  • Expected Results
    • The dialog for the match button remains open
    • The tooltip for the mismatch button shows
    • The arrow pointer for the dialog is removes. The arrow pointer for the tooltip shows

Test 19: Close the tooltip for the mismatch button

  • Procedure
    1. Use mouse or keyboard to move focus to the main content
  • Expected Results
    • The dialog for the match button remains open
    • The tooltip for the mismatch button disappears
    • The arrow pointer for the dialog is added back

Test 20: Focus on the match button

  • Procedure
    1. Use mouse or keyboard to hover or focus on the match button
  • Expected Results
    • The dialog for the match button remains open
    • The tooltip does not show
    • The arrow pointer for the dialog stay as is

Test 21: Focus off the match button

  • Procedure
    1. Use mouse or keyboard to focus to the main content
  • Expected Results
    • The dialog for the match button remains open
    • The arrow pointer for the dialog stay as is
  • Stop Test
    • Reload the page

Tooltips for metadata buttons

Test 22: Open tooltip for the text button

  • Procedure
    1. Use mouse or keyboard to hover or focus on the metadata text button
  • Expected Results
    • The tooltip for the text button shows with the content: Texts are available.
    • The arrow pointer for the text button shows

Test 23: Close tooltip for the text button

  • Procedure
    1. Move away mouse or keyboard focus to focus off the metadata text button
  • Expected Results
    • The tooltip closes with the arrow point disappeared

Test 24: Open tooltip for the text button when a dialog is open

  • Procedure
    1. Click the match (or mismatch) button to open a dialog
    2. Use mouse or keyboard to hover or focus on the metadata text button
  • Expected Results
    • After step 1, the dialog is open
    • After step 2, the tooltip for the text button shows with the content: Texts are available.
    • The arrow pointer for the text button shows
    • The arrow pointer for the dialog is removed

Test 25: Close tooltip for the text button when a dialog is open

  • Procedure
    1. Move away mouse or keyboard focus to focus off the metadata text button
  • Expected Results
    • The dialog remains open
    • The tooltip closes with the arrow pointer for the tooltip disappears
    • The arrow pointer for the dialog is added back.

Test 26: Repeat Test 22 - 25 for the metadata caption button, the transcript button and the audio button

Things to note:

  1. The tooltip content should be different and is based on Metadata Feedback Tool Design
  • Stop Test
    • Reload the page