Page Comparison

...

1. Only one dialog is open at a time
2. Only one tooltip is shown 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

...

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

...

• 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