astro/packages/astro/test/ssr-prerender-get-static-paths.test.js

import { expect } from 'chai';
import { loadFixture } from './test-utils.js';
import * as cheerio from 'cheerio';

describe('prerender getStaticPaths - build calls', () => {
	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		const fixture = await loadFixture({
			root: './fixtures/ssr-prerender-get-static-paths/',
			site: 'https://mysite.dev/',
			base: '/blog',
		});
		await fixture.build();
	});

	it('is only called once during build', () => {
		// useless expect; if build() throws in setup then this test fails
		expect(true).to.equal(true);
	});
});

describe('prerender getStaticPaths - dev calls', () => {
	let fixture;
	let devServer;

	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({ root: './fixtures/ssr-prerender-get-static-paths/' });
		devServer = await fixture.startDevServer();
	});

	after(async () => {
		devServer.stop();
	});

	it('only calls prerender getStaticPaths once', async () => {
		let res = await fixture.fetch('/a');
		expect(res.status).to.equal(200);

		res = await fixture.fetch('/b');
		expect(res.status).to.equal(200);

		res = await fixture.fetch('/c');
		expect(res.status).to.equal(200);
	});
});

describe('prerender getStaticPaths - 404 behavior', () => {
	let fixture;
	let devServer;

	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({ root: './fixtures/ssr-prerender-get-static-paths/' });
		devServer = await fixture.startDevServer();
	});

	after(async () => {
		devServer.stop();
	});

	it('resolves 200 on matching static path - named params', async () => {
		const res = await fixture.fetch('/pizza/provolone-sausage');
		expect(res.status).to.equal(200);
	});

	it('resolves 404 on pattern match without static path - named params', async () => {
		const res = await fixture.fetch('/pizza/provolone-pineapple');
		expect(res.status).to.equal(404);
	});

	it('resolves 200 on matching static path - rest params', async () => {
		const res = await fixture.fetch('/pizza/grimaldis/new-york');
		expect(res.status).to.equal(200);
	});

	it('resolves 404 on pattern match without static path - rest params', async () => {
		const res = await fixture.fetch('/pizza/pizza-hut');
		expect(res.status).to.equal(404);
	});
});

describe('prerender getStaticPaths - route params type validation', () => {
	let fixture, devServer;

	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({ root: './fixtures/ssr-prerender-get-static-paths/' });
		devServer = await fixture.startDevServer();
	});

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

	it('resolves 200 on nested array parameters', async () => {
		const res = await fixture.fetch('/nested-arrays/slug1');
		expect(res.status).to.equal(200);
	});

	it('resolves 200 on matching static path - string params', async () => {
		// route provided with { params: { year: "2022", slug: "post-2" }}
		const res = await fixture.fetch('/blog/2022/post-1');
		expect(res.status).to.equal(200);
	});

	it('resolves 200 on matching static path - numeric params', async () => {
		// route provided with { params: { year: 2022, slug: "post-2" }}
		const res = await fixture.fetch('/blog/2022/post-2');
		expect(res.status).to.equal(200);
	});
});

describe('prerender getStaticPaths - numeric route params', () => {
	let fixture;
	let devServer;

	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({
			root: './fixtures/ssr-prerender-get-static-paths/',
			site: 'https://mysite.dev/',
		});
		devServer = await fixture.startDevServer();
	});

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

	it('resolves 200 on matching static paths', async () => {
		// routes params provided for pages /posts/1, /posts/2, and /posts/3
		for (const page of [1, 2, 3]) {
			let res = await fixture.fetch(`/posts/${page}`);
			expect(res.status).to.equal(200);

			const html = await res.text();
			const $ = cheerio.load(html);

			const canonical = $('link[rel=canonical]');
			expect(canonical.attr('href')).to.equal(
				`https://mysite.dev/posts/${page}`,
				`doesn't trim the /${page} route param`
			);
		}
	});
});

describe('prerender getStaticPaths - Astro.url', () => {
	/** @type {import('./test-utils').Fixture} */
	let fixture;
	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({
			root: './fixtures/ssr-prerender-get-static-paths/',
			site: 'https://mysite.dev/',
		});
		await fixture.build();
	});

	it('Sets the current pathname', async () => {
		const html = await fixture.readFile('/food/tacos/index.html');
		const $ = cheerio.load(html);

		expect($('#url').text()).to.equal('/food/tacos/');
	});
});

describe('prerender getStaticPaths - props', () => {
	/** @type {import('./test-utils').Fixture} */
	let fixture;
	before(async () => {
		// reset the flag used by [...calledTwiceTest].astro between each test
		globalThis.isCalledOnce = false;

		fixture = await loadFixture({
			root: './fixtures/ssr-prerender-get-static-paths/',
			site: 'https://mysite.dev/',
		});
		await fixture.build();
	});

	it('Sets the current pathname', async () => {
		const html = await fixture.readFile('/food/tacos/index.html');
		const $ = cheerio.load(html);

		expect($('#props').text()).to.equal('10');
	});
});