1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
import { expect } from '@playwright/test';
import { testFactory } from './test-utils.js';
const test = testFactory({ root: './fixtures/basic-prefetch/' });
test.describe('Basic prefetch', () => {
test.describe('dev', () => {
let devServer;
test.beforeEach(async ({ astro }) => {
devServer = await astro.startDevServer();
});
test.afterEach(async () => {
await devServer.stop();
});
test.describe('prefetches rel="prefetch" links', () => {
test('skips /admin', async ({ page, astro }) => {
const requests = [];
page.on('request', (request) => requests.push(request.url()));
await page.goto(astro.resolveUrl('/'));
await page.waitForLoadState('networkidle');
expect(requests.includes(astro.resolveUrl('/about')), '/about was prefetched').toBeTruthy();
expect(
requests.includes(astro.resolveUrl('/contact')),
'/contact was prefetched'
).toBeTruthy();
expect(requests.includes(astro.resolveUrl('/admin')), '/admin was skipped').toBeFalsy();
expect(
requests.filter((r) => r === astro.resolveUrl('/')).length === 1,
'/ was skipped by prefetch and only queried once'
).toBeTruthy();
});
});
test.describe('prefetches rel="prefetch-intent" links only on hover', () => {
test('prefetches /uses on hover', async ({ page, astro }) => {
const requests = [];
page.on('request', (request) => requests.push(request.url()));
await page.goto(astro.resolveUrl('/'));
await page.waitForLoadState('networkidle');
expect(
requests.includes(astro.resolveUrl('/uses')),
'/uses was not prefetched'
).toBeFalsy();
await page.hover('a[href="/uses"]');
await page.waitForLoadState('networkidle');
expect(
requests.includes(astro.resolveUrl('/uses')),
'/uses was prefetched on hover'
).toBeTruthy();
});
});
});
test.describe('build', () => {
let previewServer;
test.beforeEach(async ({ astro }) => {
await astro.build();
previewServer = await astro.preview();
});
// important: close preview server (free up port and connection)
test.afterEach(async () => {
await previewServer.stop();
});
test.describe('prefetches rel="prefetch" links', () => {
test('skips /admin', async ({ page, astro }) => {
const requests = [];
page.on('request', (request) => requests.push(request.url()));
await page.goto(astro.resolveUrl('/'));
await page.waitForLoadState('networkidle');
expect(requests.includes(astro.resolveUrl('/about')), '/about was prefetched').toBeTruthy();
expect(
requests.includes(astro.resolveUrl('/contact')),
'/contact was prefetched'
).toBeTruthy();
expect(requests.includes(astro.resolveUrl('/admin')), '/admin was skipped').toBeFalsy();
expect(
requests.filter((r) => r === astro.resolveUrl('/')).length === 1,
'/ was skipped by prefetch and only queried once'
).toBeTruthy();
});
});
test.describe('prefetches rel="prefetch-intent" links only on hover', () => {
test('prefetches /uses on hover', async ({ page, astro }) => {
const requests = [];
page.on('request', (request) => requests.push(request.url()));
await page.goto(astro.resolveUrl('/'));
await page.waitForLoadState('networkidle');
expect(
requests.includes(astro.resolveUrl('/uses')),
'/uses was not prefetched'
).toBeFalsy();
await page.hover('a[href="/uses"]');
await page.waitForLoadState('networkidle');
expect(
requests.includes(astro.resolveUrl('/uses')),
'/uses was prefetched on hover'
).toBeTruthy();
});
});
});
});
|
