summaryrefslogtreecommitdiff
path: root/packages/integrations/prefetch/test/custom-selectors.test.js
blob: 64ac5fc63623c8d15e621b975271617acd4ce54b (plain) (blame)
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
import { expect } from '@playwright/test';
import { testFactory } from './test-utils.js';
import prefetch from '../dist/index.js';

const test = testFactory({
	root: './fixtures/basic-prefetch/',
	integrations: [
		prefetch({
			selector: 'a[href="/contact"]',
		}),
	],
});

test.describe('Custom prefetch selectors', () => {
	test.describe('dev', () => {
		let devServer;

		test.beforeEach(async ({ astro }) => {
			devServer = await astro.startDevServer();
		});

		test.afterEach(async () => {
			await devServer.stop();
		});

		test.describe('prefetches links by custom selector', () => {
			test('only prefetches /contact', async ({ page, astro }) => {
				const requests = new Set();

				page.on('request', async (request) => requests.add(request.url()));

				await page.goto(astro.resolveUrl('/'));

				await page.waitForLoadState('networkidle');

				await expect(requests.has(astro.resolveUrl('/about')), '/about was skipped').toBeFalsy();
				await expect(
					requests.has(astro.resolveUrl('/contact')),
					'/contact was prefetched'
				).toBeTruthy();
				await expect(requests.has(astro.resolveUrl('/admin')), '/admin was skipped').toBeFalsy();
			});
		});
	});

	test.describe('build', () => {
		let previewServer;

		test.beforeAll(async ({ astro }) => {
			await astro.build();
			previewServer = await astro.preview();
		});

		// important: close preview server (free up port and connection)
		test.afterAll(async () => {
			await previewServer.stop();
		});

		test.describe('prefetches links by custom selector', () => {
			test('only prefetches /contact', async ({ page, astro }) => {
				const requests = new Set();

				page.on('request', async (request) => requests.add(request.url()));

				await page.goto(astro.resolveUrl('/'));

				await page.waitForLoadState('networkidle');

				await expect(requests.has(astro.resolveUrl('/about')), '/about was skipped').toBeFalsy();
				await expect(
					requests.has(astro.resolveUrl('/contact')),
					'/contact was prefetched'
				).toBeTruthy();
				await expect(requests.has(astro.resolveUrl('/admin')), '/admin was skipped').toBeFalsy();
			});
		});
	});
});