astro/packages/integrations/prefetch/test/custom-selectors.test.js
Bjorn Lu 302e0ef8f5
Default preview host to localhost (#5753)
* Initial refactor

* Extract as vite plugin

* Cleanup vite plugin

* Reduce option passing

* Use localhost as preview default host

* Simplify base handling

* Fix host handling

* Add changeset

* Remove unused imports

* Remove unused sirv dep

* Try pin playwright to 1.28.1

* Update playwright

* Try this

* Speed up CI

* Try fix page off

* Refactor networkidle

* Ensure open connections are destroyed when the preview server is closed

* Revert debug code

Co-authored-by: Matthew Phillips <matthew@matthewphillips.info>
2023-01-09 12:14:07 -05:00

86 lines
2.4 KiB
JavaScript

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 = [];
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 skipped').toBeFalsy();
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('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 = [];
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 skipped').toBeFalsy();
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();
});
});
});
});