Page Previews/QA Plan

=Page Previews QA Test=

A preview appears, opens, and closes

 * 1) Go to this page as a logged out user
 * 2) Hover over “With image”
 * 3) Expected behavior:
 * 4) Preview opens
 * 5) The title of the article does not appear
 * 6) The description is truncated with a horizontal gradient
 * 7) The first instance of bolded text within the article appears bolded within a hovercard. Any other instance of bolded text does not appear bolded
 * 8) Edit date (or time)
 * 9) Settings cog
 * 10) Image (landscape, displayed above text)
 * 11) Hover away from preview
 * 12) Expected behavior
 * 13) Preview closes
 * 14) Hover over “Lead section image”
 * 15) Expected behavior:
 * 16) Preview appears
 * 17) Preview text is not truncated
 * 18) The text “lead section image” is bolded within the preview
 * 19) No other text is bolded within preview
 * 20) Open “Lead Section image” page preview and click on the preview
 * 21) Expected behavior
 * 22) Page navigates to a page named “Lead Section image”
 * 23) Select “back”
 * 24) Expected behavior
 * 25) Page navigates back to the original page.
 * 26) No page previews are displayed/open OR page preview is open but CLOSES upon moving cursor away from preview
 * 27) Open “With Image” page preview and click on the link (not the card itself). When page opens, select “back”
 * 28) Expected behavior
 * 29) Page navigates back to the original page.
 * 30) No page previews are displayed/open OR page preview is open but CLOSES upon moving cursor away from preview
 * 31) Open “With Image” page preview and open the link (not the card itself) in a new tab. When page opens, close new tab
 * 32) Expected behavior
 * 33) No page preview is open on original page
 * 34) Hover over “With tall image”
 * 35) Expected behavior
 * 36) Preview must contain all items in 2-a.
 * 37) Image must display portrait to the right of the text
 * 38) Hover over “Without image”
 * 39) Expected behavior
 * 40) Preview must contain all items in 2-a.
 * 41) No image should appear
 * 42) Hover over “Lead Section Image”
 * 43) Expected behavior
 * 44) Preview must contain all items in 2-a.
 * 45) No image should appear
 * 46) Hover over “Non-free image”
 * 47) Expected behavior
 * 48) Preview must contain all items in 2-a.
 * 49) Ensure an image appears
 * 50) Click on “Non-free image”
 * 51) Ensure the first image in the page was the image appearing in the preview above
 * 52) Hover over “Non-free image”
 * 53) Expected behavior
 * 54) Ensure no parenthetical text appears
 * 55) Click on “Non-free image”
 * 56) Expected behavior
 * 57) Ensure there is parenthetical text appearing within the first sentence.
 * 58) Select “Back”
 * 59) Hover over “Empty”
 * 60) Expected behavior - the following appears:
 * 61) Icon: Sad face icon
 * 62) Text: Looks like there isn’t a preview for this page
 * 63) Link: Read
 * 64) Selecting “Read” navigates users to the article

Noinclude

 * 1) Hover over Noinclude
 * 2) Expected behavior
 * 3) Card must not display text: “There was invisible text above this. You should not see this text”
 * 4) Select card and navigate to article
 * 5) Expected behavior
 * 6) Article displays text: “Hello, I am invisible. You do not see me”

Right to left
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

 * 1) Hover over “List”
 * 2) Expected behavior - the following appears:
 * 3) Icon: Sad face icon
 * 4) Text: Looks like there isn’t a preview for this page
 * 5) Link: Read
 * 6) Selecting “Read” navigates users to the article

Non-existent Pages

 * 1) Hover over Redirects to a page that doesn’t exist
 * 2) Expected behavior:
 * 3) Icon: Sad face icon
 * 4) Text: Looks like there isn’t a preview for this page
 * 5) Link: Read
 * 6) Ensure selecting “Read” navigates users to a page that was not yet created.

Timing Interactions

 * 1) Visit page as logged-out user
 * 2) Hover over “With image”
 * 3) Expected behavior
 * 4) Preview appears
 * 5) Hover over “With image” preview and hover away
 * 6) Expected behavior
 * 7) Preview disappears
 * 8) Hover over “With image”
 * 9) Expected behavior
 * 10) Preview appears
 * 11) Hover over “With tall image” immediately (before preview has disappeared)
 * 12) Expected behavior
 * 13) With tall image preview appears
 * 14) Hover over “With image”
 * 15) Expected Behavior
 * 16) With image preview appears
 * 17) Hover away
 * 18) With image preview disappears
 * 19) Hover over “With tall image”
 * 20) With tall image preview appears
 * 21) Hover over “With image” link
 * 22) With image preview appears
 * 23) Hover over preview then hover back to link
 * 24) Preview does not close
 * 25) Hover away
 * 26) Preview closes
 * 27) Hover over “with image”, then immediately hover over “with tall image”, then immediately hover over “without image”
 * 28) Without image preview appears
 * 29) Hover over “with image”, preview appears, move cursor to the preview,move cursor away from preview and immediately dwell on preview before it disappears
 * 30) Preview remains open

Workflow - logged out users

 * 1) Visit page as logged-out user
 * 2) Hover over “With Image” link
 * 3) Expected Behavior
 * 4) Page Preview Appears
 * 5) Select settings cog on bottom of page
 * 6) Expected behavior:
 * 7) page preview settings modal appears containing:
 * 8) Button: Save
 * 9) Radio Button: Enable (selected)
 * 10) Subtitle: get quick previews of a topic while reading an article
 * 11) Radio Button: Disable
 * 12) Button: X
 * 13) Select X or Save
 * 14) Expected behavior: enable previews modal closes
 * 15) Hover over “with image” link and select settings cog on bottom of page
 * 16) Expected behavior:
 * 17) page preview settings modal appears containing:
 * 18) Button: Save
 * 19) Radio Button: Enable (selected)
 * 20) Subtitle: get quick previews of a topic while reading an article
 * 21) Radio Button: Disable
 * 22) Select “Disable” and “Save”
 * 23) Expected behavior: enable previews modal appears containing:
 * 24) Button: Save

Instructions on how to enable previews once disabled

 * 1) Hover over “With Image” link
 * 2) Expected behavior: no preview appears
 * 3) Scroll to the footer of the page and select “enable previews”
 * 4) Expected behavior: page preview settings modal appears containing:
 * 5) Button: X
 * 6) Button: Save
 * 7) Radio Button: Enable
 * 8) Radio Button: Disable (selected)
 * 9) Select “Save”
 * 10) Expected behavior: modal closes
 * 11) Hover over With Image
 * 12) Expected behavior: page preview does not appear
 * 13) Scroll to the bottom of the page and select “enable previews”
 * 14) Expected behavior as above
 * 15) Select “Enable” and “Save”
 * 16) Expected behavior:
 * 17) Page preview modal closes
 * 18) Hover over With Image
 * 19) Expected behavior
 * 20) Page preview appears

Workflow - test closing modals - settings saved

 * 1) Visit page as logged-out user
 * 2) Hover over “With Image” link
 * 3) Select settings cog on bottom of page
 * 4) Expected behavior: page preview settings modal appears containing:
 * 5) Button: X
 * 6) Button: Save
 * 7) Radio Button: Enable (selected)
 * 8) Radio Button: Disable
 * 9) Select “Disable” and “Save”
 * 10) Expected behavior: enable previews modal appears containing:
 * 11) Button: X
 * 12) Button: Save

Instructions on how to enable previews once disabled

 * 1) Select X
 * 2) Expected behavior: enable previews modal closes
 * 3) Hover over a link
 * 4) Expected behavior: no hovercard appears
 * 5) Scroll to the bottom of the page and select “enable previews”
 * 6) Expected behavior: page preview settings modal appears containing:
 * 7) Button: X
 * 8) Button: Save
 * 9) Radio Button: Enable (selected)
 * 10) Radio Button: Disable
 * 11) Select “Save”
 * 12) Hover over a link
 * 13) Expected behavior: page preview appears

Workflow - settings persist anonymous behavior

 * 1) Hover over “with image”
 * 2) Expected behavior:
 * 3) preview appears
 * 4) Log in and visit this page
 * 5) Hover over “with image”
 * 6) Expected behavior:
 * 7) preview does not appear
 * 8) Log out and visit popups corpus
 * 9) Hover over “with image”
 * 10) Expected behavior:
 * 11) preview appears
 * 12) Select settings cog
 * 13) turn previews off
 * 14) Save
 * 15) Hover over “with image”
 * 16) Expected behavior:
 * 17) preview does not appear
 * 18) Log in and visit popups corpus
 * 19) Hover over “with image”
 * 20) Expected behavior:
 * 21) preview does not appear”
 * 22) Log out and visit popups corpus
 * 23) Hover over “with image”
 * 24) Expected behavior:
 * 25) preview does not appear
 * 26) Select “enable previews”
 * 27) Hover over “with image”
 * 28) Expected behavior:
 * 29) preview appears
 * 30) Log in and log out
 * 31) Hover over “with image”
 * 32) Expected behavior:
 * 33) preview appears

Workflow - logged in users

 * 1) Log in and visit this page
 * 2) Hover over “With image”
 * 3) Expected behavior: no preview appears
 * 4) Select “Preferences”
 * 5) Select “gadgets”
 * 6) Select “Navigation popups” checkbox
 * 7) Select save
 * 8) Select “appearance”
 * 9) Expected behavior:
 * 10) Page preview section appears
 * 11) Page preview section has options “enable” and “disable”
 * 12) Both options are disabled
 * 13) Page preview section has message: “you have to disable naviagation popups….”
 * 14) Select “disable navigation popups…”
 * 15) Navigate to gadgets tab
 * 16) Deselect “navigation popups” checkbox
 * 17) Select save
 * 18) Select appearance
 * 19) Expected behavior:
 * 20) Page preview section appears
 * 21) Page preview section has options “enable” and “disable”
 * 22) Both options are selectable
 * 23) Radio button for “Disable” is selected
 * 24) 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.”
 * 25) Select “Enable”
 * 26) Expected behavior
 * 27) Radio button for “Enable” is selected
 * 28) Select “Save”
 * 29) Go to this page
 * 30) Hover over “With Image”
 * 31) Expected behavior
 * 32) Preview appears
 * 33) Hover over “with Tall image”
 * 34) Select settings cog
 * 35) Expected behavior
 * 36) System navigates to reading preferences section of preferences page
 * 37) Page preview section appears
 * 38) Page preview section has options “enable” and “disable”
 * 39) Both options are selectable
 * 40) Radio button for “Enable” is selected
 * 41) 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.”
 * 42) Select “Disable”
 * 43) Select “save”
 * 44) Go to this page
 * 45) Hover over “With Image”
 * 46) Expected behavior
 * 47) Preview does not appear

=Exploratory=
 * 1) Hover over all the links on the page and note any strange or unexpected behavior
 * 2) Go through each step of the following workflow - note any unexpected bahavior