Skip to content

Instantly share code, notes, and snippets.

@joakin

joakin/hovercards-tests-results-with-hovercards-click.md

Created September 5, 2016 11:12
Show Gist options
  • Save joakin/21251c624e1476bf99b4b0ebfa512bf4 to your computer and use it in GitHub Desktop.
Save joakin/21251c624e1476bf99b4b0ebfa512bf4 to your computer and use it in GitHub Desktop.
Download ZIP
hovercards-test-results-with-hovercard-clicks
Raw
hovercards-tests-results-with-hovercards-click.md

Hover and wait for card

Steps

  1. visit(staging)
  2. hover(testLink)
  3. waitForHovercard
  4. hoverout(testLink)

Results

  • ✅ pageLoaded
  • ✅ dismissed

Quick/accidental hover

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(10)
  4. hoverout(testLink)

Results

  • ✅ pageLoaded

Longer quick/accidental hover

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned

Longer hover + out + long hover

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. waitForHovercard
  8. hoverout(testLink)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ dismissed

Hover link + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(10)
  4. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + wait for hovercard + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. waitForHovercard
  4. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Quick hover link 1 + click link 2

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink2)
  7. wait(10)
  8. click(testLink2)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + out + hover back + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + out + hover back & wait + out + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. waitForHovercard
  8. hoverout(testLink)
  9. relax
  10. hover(testLink)
  11. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ dismissed
  • ✅ opened in same tab
  • ✅ pageLoaded

Multiple hover link 1 & 2 + click link 2

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink2)
  7. waitForHovercard
  8. hoverout(testLink2)
  9. relax
  10. hover(testLink)
  11. waitForHovercard
  12. hoverout(testLink)
  13. relax
  14. hover(testLink2)
  15. wait(350)
  16. hoverout(testLink2)
  17. relax
  18. hover(testLink2)
  19. click(testLink2)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ dismissed
  • ✅ dismissed
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

With hovercards disabled, clicking on a link tracks it

Steps

  1. visit(staging, {disabled: true})
  2. hover(testLink)
  3. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

With hovercards disabled, hovering & out + clicking on a link tracks it

Steps

  1. visit(staging, {disabled: true})
  2. hover(testLink)
  3. wait(600)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Enabled: Hover link + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Disabled: Hover link + click

Steps

  1. visit(staging, {disabled: true})
  2. hover(testLink)
  3. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Enabled: Hover link + click

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(150)
  4. hoverout(testLink)
  5. wait(150)
  6. hover(testLink)
  7. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Disabled: Hover link + click

Steps

  1. visit(staging, {disabled: true})
  2. hover(testLink)
  3. wait(150)
  4. hoverout(testLink)
  5. wait(150)
  6. hover(testLink)
  7. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Disabled: Hover link + click

Steps

  1. visit(staging, {disabled: true})
  2. hover(testLink)
  3. wait(150)
  4. hoverout(testLink)
  5. wait(150)
  6. hover(testLink)
  7. wait(150)
  8. hoverout(testLink)
  9. wait(150)
  10. hover(testLink)
  11. wait(150)
  12. hoverout(testLink)
  13. wait(150)
  14. hover(testLink)
  15. click(testLink)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + wait for hovercard + click hovercard

Steps

  1. visit(staging)
  2. hover(testLink)
  3. waitForHovercard
  4. click(hovercard)

Results

  • ✅ pageLoaded
  • ✅ opened in same tab
  • ✅ pageLoaded

Quick hover link 1 + hover link 2 + click hovercard

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink2)
  7. waitForHovercard
  8. click(hovercard)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + out + hover back + click hovercard

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. waitForHovercard
  8. click(hovercard)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Hover link + out + hover back & wait + out + hover back & wait & click hovercard

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink)
  7. waitForHovercard
  8. hoverout(testLink)
  9. relax
  10. hover(testLink)
  11. waitForHovercard
  12. click(hovercard)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ dismissed
  • ✅ opened in same tab
  • ✅ pageLoaded

Multiple hover link 1 & 2 + hover 2 & click hovercard

Steps

  1. visit(staging)
  2. hover(testLink)
  3. wait(350)
  4. hoverout(testLink)
  5. relax
  6. hover(testLink2)
  7. waitForHovercard
  8. hoverout(testLink2)
  9. relax
  10. hover(testLink)
  11. waitForHovercard
  12. hoverout(testLink)
  13. relax
  14. hover(testLink2)
  15. wait(350)
  16. hoverout(testLink2)
  17. relax
  18. hover(testLink2)
  19. waitForHovercard
  20. click(hovercard)

Results

  • ✅ pageLoaded
  • ✅ dwelledButAbandoned
  • ✅ dismissed
  • ✅ dismissed
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment