totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-14 03:54:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix hash link reliability (fix #434)

Browse Source
This commit is contained in:
Benjamin GROENEVELD
2018-10-13 15:09:39 +02:00
parent abcac75826
commit a68c62ce91
3 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
test/apps/scroll/src/routes/tall-page.html
View File

@@ -1,3 +1,4 @@
<a href="tall-page#foo">scroll to foo</a>
<div style="height: 9999px"></div>
<div id="foo">

18
test/apps/scroll/test.ts
View File

@@ -33,6 +33,24 @@ describe('scroll', function() {
assert.ok(scrollY > 0, scrollY);
});
it('scrolls to any deeplink if it was already active', async () => {
await page.goto(`${base}/tall-page#foo`);
await start();
let scrollY = await page.evaluate(() => window.scrollY);
assert.ok(scrollY > 0, scrollY);
scrollY = await page.evaluate(() => {
window.scrollTo(0, 0)
return window.scrollY
});
assert.ok(scrollY === 0, scrollY);
await page.click('[href="tall-page#foo"]');
scrollY = await page.evaluate(() => window.scrollY);
assert.ok(scrollY > 0, scrollY);
});
it('resets scroll when a link is clicked', async () => {
await page.goto(`${base}/tall-page#foo`);
await start();