Hovercards test results for https://phabricator.wikimedia.org/T141922

hovercards-tests-results.md

See https://phabricator.wikimedia.org/T141922

• Wait is 10ms by default
• Relax is waiting 500ms

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
• ❌ expected pageLoaded, got opened in same tab
• ❌ expected undefined, got 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
• ❌ expected pageLoaded, got opened in same tab
• ❌ expected undefined, got opened in same tab
• ❌ expected undefined, got opened in same tab
• ❌ expected undefined, got pageLoaded