Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
hovercards-tests

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