Page Previews/QA Plan
(Redirected from Beta Features/Hovercards/QA Plan)
Page Previews QA Test[edit]
Previews and Images[edit]
A preview appears, opens, and closes[edit]
- Go to this page as a logged out user
- Hover over “With image”
- Expected behavior:
- Preview opens
- The title of the article does not appear
- The description is truncated with a horizontal gradient
- The first instance of bolded text within the article appears bolded within a hovercard. Any other instance of bolded text does not appear bolded
- Edit date (or time)
- Settings cog
- Image (landscape, displayed above text)
- Expected behavior:
- Hover away from preview
- Expected behavior
- Preview closes
- Expected behavior
- Hover over “Lead section image”
- Expected behavior:
- Preview appears
- Preview text is not truncated
- The text “lead section image” is bolded within the preview
- No other text is bolded within preview
- Open “Lead Section image” page preview and click on the preview
- Expected behavior
- Page navigates to a page named “Lead Section image”
- Expected behavior
- Select “back”
- Expected behavior
- Page navigates back to the original page.
- No page previews are displayed/open OR page preview is open but CLOSES upon moving cursor away from preview
- Expected behavior
- Open “With Image” page preview and click on the link (not the card itself). When page opens, select “back”
- Expected behavior
- Page navigates back to the original page.
- No page previews are displayed/open OR page preview is open but CLOSES upon moving cursor away from preview
- Expected behavior
- Open “With Image” page preview and open the link (not the card itself) in a new tab. When page opens, close new tab
- Expected behavior
- No page preview is open on original page
- Expected behavior
- Hover over “With tall image”
- Expected behavior
- Preview must contain all items in 2-a.
- Image must display portrait to the right of the text
- Expected behavior
- Hover over “Without image”
- Expected behavior
- Preview must contain all items in 2-a.
- No image should appear
- Expected behavior
- Hover over “Lead Section Image”
- Expected behavior
- Preview must contain all items in 2-a.
- No image should appear
- Expected behavior
- Hover over “Non-free image”
- Expected behavior
- Preview must contain all items in 2-a.
- Ensure an image appears
- Expected behavior
- Click on “Non-free image”
- Ensure the first image in the page was the image appearing in the preview above
- Hover over “Non-free image”
- Expected behavior
- Ensure no parenthetical text appears
- Expected behavior
- Click on “Non-free image”
- Expected behavior
- Ensure there is parenthetical text appearing within the first sentence.
- Expected behavior
- Select “Back”
- Hover over “Empty”
- Expected behavior - the following appears:
- Icon: Sad face icon
- Text: Looks like there isn’t a preview for this page
- Link: Read
- Selecting “Read” navigates users to the article
- Expected behavior - the following appears:
Special Cases[edit]
Noinclude[edit]
- Hover over Noinclude
- Expected behavior
- Card must not display text: “There was invisible text above this. You should not see this text”
- Expected behavior
- Select card and navigate to article
- Expected behavior
- Article displays text: “Hello, I am invisible. You do not see me”
- Expected behavior
Right to left[edit]
Hover over Rtl popups Expected behavior Card displays Arabic text aligned to the right Card displays portrait image Portrait image displays on the right side of the text
Lists[edit]
- Hover over “List”
- Expected behavior - the following appears:
- Icon: Sad face icon
- Text: Looks like there isn’t a preview for this page
- Link: Read
- Selecting “Read” navigates users to the article
- Expected behavior - the following appears:
Non-existent Pages[edit]
- Hover over Redirects to a page that doesn’t exist
- Expected behavior:
- Icon: Sad face icon
- Text: Looks like there isn’t a preview for this page
- Link: Read
- Ensure selecting “Read” navigates users to a page that was not yet created.
- Expected behavior:
Timing Interactions[edit]
- Visit page as logged-out user
- Hover over “With image”
- Expected behavior
- Preview appears
- Expected behavior
- Hover over “With image” preview and hover away
- Expected behavior
- Preview disappears
- Expected behavior
- Hover over “With image”
- Expected behavior
- Preview appears
- Expected behavior
- Hover over “With tall image” immediately (before preview has disappeared)
- Expected behavior
- With tall image preview appears
- Expected behavior
- Hover over “With image”
- Expected Behavior
- With image preview appears
- Expected Behavior
- Hover away
- With image preview disappears
- Hover over “With tall image”
- With tall image preview appears
- Hover over “With image” link
- With image preview appears
- Hover over preview then hover back to link
- Preview does not close
- Hover away
- Preview closes
- Hover over “with image”, then immediately hover over “with tall image”, then immediately hover over “without image”
- Without image preview appears
- Hover over “with image”, preview appears, move cursor to the preview,move cursor away from preview and immediately dwell on preview before it disappears
- Preview remains open
Settings[edit]
Workflow - logged out users[edit]
- Visit page as logged-out user
- Hover over “With Image” link
- Expected Behavior
- Page Preview Appears
- Expected Behavior
- Select settings cog on bottom of page
- Expected behavior:
- page preview settings modal appears containing:
- Button: Save
- Radio Button: Enable (selected)
- Subtitle: get quick previews of a topic while reading an article
- Radio Button: Disable
- Button: X
- page preview settings modal appears containing:
- Expected behavior:
- Select X or Save
- Expected behavior: enable previews modal closes
- Hover over “with image” link and select settings cog on bottom of page
- Expected behavior:
- page preview settings modal appears containing:
- Button: Save
- Radio Button: Enable (selected)
- Subtitle: get quick previews of a topic while reading an article
- Radio Button: Disable
- page preview settings modal appears containing:
- Expected behavior:
- Select “Disable” and “Save”
- Expected behavior: enable previews modal appears containing:
- Button: Save
- Expected behavior: enable previews modal appears containing:
Instructions on how to enable previews once disabled[edit]
- Hover over “With Image” link
- Expected behavior: no preview appears
- Scroll to the footer of the page and select “enable previews”
- Expected behavior: page preview settings modal appears containing:
- Button: X
- Button: Save
- Radio Button: Enable
- Radio Button: Disable (selected)
- Expected behavior: page preview settings modal appears containing:
- Select “Save”
- Expected behavior: modal closes
- Hover over With Image
- Expected behavior: page preview does not appear
- Scroll to the bottom of the page and select “enable previews”
- Expected behavior as above
- Select “Enable” and “Save”
- Expected behavior:
- Page preview modal closes
- Expected behavior:
- Hover over With Image
- Expected behavior
- Page preview appears
- Expected behavior
Workflow - test closing modals - settings saved[edit]
- Visit page as logged-out user
- Hover over “With Image” link
- Select settings cog on bottom of page
- Expected behavior: page preview settings modal appears containing:
- Button: X
- Button: Save
- Radio Button: Enable (selected)
- Radio Button: Disable
- Expected behavior: page preview settings modal appears containing:
- Select “Disable” and “Save”
- Expected behavior: enable previews modal appears containing:
- Button: X
- Button: Save
- Expected behavior: enable previews modal appears containing:
Instructions on how to enable previews once disabled[edit]
- Select X
- Expected behavior: enable previews modal closes
- Hover over a link
- Expected behavior: no hovercard appears
- Scroll to the bottom of the page and select “enable previews”
- Expected behavior: page preview settings modal appears containing:
- Button: X
- Button: Save
- Radio Button: Enable (selected)
- Radio Button: Disable
- Select “Save”
- Expected behavior: page preview settings modal appears containing:
- Hover over a link
- Expected behavior: page preview appears
Workflow - settings persist anonymous behavior[edit]
- Hover over “with image”
- Expected behavior:
- preview appears
- Expected behavior:
- Log in and visit this page
- Hover over “with image”
- Expected behavior:
- preview does not appear
- Expected behavior:
- Log out and visit popups corpus
- Hover over “with image”
- Expected behavior:
- preview appears
- Expected behavior:
- Select settings cog
- turn previews off
- Save
- Hover over “with image”
- Expected behavior:
- preview does not appear
- Expected behavior:
- Log in and visit popups corpus
- Hover over “with image”
- Expected behavior:
- preview does not appear”
- Expected behavior:
- Log out and visit popups corpus
- Hover over “with image”
- Expected behavior:
- preview does not appear
- Expected behavior:
- Select “enable previews”
- Hover over “with image”
- Expected behavior:
- preview appears
- Expected behavior:
- Log in and log out
- Hover over “with image”
- Expected behavior:
- preview appears
- Expected behavior:
Workflow - logged in users[edit]
- Log in and visit this page
- Hover over “With image”
- Expected behavior: no preview appears
- Select “Preferences”
- Select “gadgets”
- Select “Navigation popups” checkbox
- Select save
- Select “appearance”
- Expected behavior:
- Page preview section appears
- Page preview section has options “enable” and “disable”
- Both options are disabled
- Page preview section has message: “you have to disable naviagation popups….”
- Expected behavior:
- Select “disable navigation popups…”
- Navigate to gadgets tab
- Deselect “navigation popups” checkbox
- Select save
- Select appearance
- Expected behavior:
- Page preview section appears
- Page preview section has options “enable” and “disable”
- Both options are selectable
- Radio button for “Disable” is selected
- Message appears: “Certain gadgets and other customizations may affect the performance of this feature. If you experience problems please review your gadgets and user scripts.”
- Expected behavior:
- Select “Enable”
- Expected behavior
- Radio button for “Enable” is selected
- Expected behavior
- Select “Save”
- Go to this page
- Hover over “With Image”
- Expected behavior
- Preview appears
- Expected behavior
- Hover over “with Tall image”
- Select settings cog
- Expected behavior
- System navigates to reading preferences section of preferences page
- Page preview section appears
- Page preview section has options “enable” and “disable”
- Both options are selectable
- Radio button for “Enable” is selected
- Message appears: “Certain gadgets and other customizations may affect the performance of this feature. If you experience problems please review your gadgets and user scripts.”
- Expected behavior
- Select “Disable”
- Select “save”
- Go to this page
- Hover over “With Image”
- Expected behavior
- Preview does not appear
- Expected behavior
Exploratory[edit]
- Hover over all the links on the page and note any strange or unexpected behavior
- Go through each step of the following workflow - note any unexpected bahavior