totole/sapper
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper.git synced 2026-01-18 05:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

add test for programmatic prefetch

Browse Source
This commit is contained in:
Rich Harris
2018-01-03 13:46:07 -05:00
parent e87ac1f367
commit 50e307e0c0
2 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
test/app/routes/about.html
View File

@@ -7,12 +7,13 @@
<p>This is the 'about' page. There's not much here.</p> <p>This is the 'about' page. There's not much here.</p>
<button on:click='goto("/blog/what-is-sapper")'>What is Sapper?</button> <button class='goto' on:click='goto("/blog/what-is-sapper")'>What is Sapper?</button>
<button class='prefetch' on:click='goto("/blog/why-the-name")'>Why the name?</button>
</Layout> </Layout>
<script> <script>
import Layout from './_components/Layout.html'; import Layout from './_components/Layout.html';
import { goto } from '../../../runtime.js'; import { goto, prefetch } from '../../../runtime.js';
export default { export default {
components: { components: {
@@ -20,7 +21,8 @@
}, },
methods: { methods: {
goto goto,
prefetch
} }
}; };
</script> </script>

18
test/common/test.js
View File

@@ -166,7 +166,7 @@ function run(env) {
}); });
it('navigates to a new page without reloading', async () => { it('navigates to a new page without reloading', async () => {
await nightmare.goto(base).wait(() => window.READY).wait(100); await nightmare.goto(base).wait(() => window.READY).wait(200);
const requests = await capture(async () => { const requests = await capture(async () => {
await nightmare.click('a[href="/about"]'); await nightmare.click('a[href="/about"]');
@@ -189,7 +189,7 @@ function run(env) {
await nightmare await nightmare
.goto(`${base}/about`) .goto(`${base}/about`)
.wait(() => window.READY) .wait(() => window.READY)
.click('button') .click('.goto')
.wait(() => window.location.pathname === '/blog/what-is-sapper') .wait(() => window.location.pathname === '/blog/what-is-sapper')
.wait(100); .wait(100);
@@ -199,6 +199,20 @@ function run(env) {
); );
}); });
it('prefetches programmatically', async () => {
await nightmare
.goto(`${base}/about`)
.wait(() => window.READY);
const requests = await capture(async () => {
return await nightmare
.click('.prefetch')
.wait(100);
});
assert.ok(!!requests.find(r => r.url === '/api/blog/why-the-name'));
});
it('scrolls to active deeplink', async () => { it('scrolls to active deeplink', async () => {
const scrollY = await nightmare const scrollY = await nightmare
.goto(`${base}/blog/a-very-long-post#four`) .goto(`${base}/blog/a-very-long-post#four`)