Page Previews/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