Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@joakin

joakin/hovercards-tests.md

Last active October 4, 2016 13:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joakin/3f876fc007758bd8c8f7e5e8bbae84ff to your computer and use it in GitHub Desktop.
Save joakin/3f876fc007758bd8c8f7e5e8bbae84ff to your computer and use it in GitHub Desktop.
Download ZIP
hovercards-tests
Raw
hovercards-tests.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
  • ✅ dwelledButAbandoned

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

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 + out + 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
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Disabled: Hover link + out + 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
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ✅ pageLoaded

Disabled: (Hover link + out)*3 + 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
  • ✅ dwelledButAbandoned
  • ✅ dwelledButAbandoned
  • ✅ dwelledButAbandoned
  • ✅ opened in same tab
  • ❌ expected pageLoaded, got opened in same tab
  • ❌ expected undefined, got 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