astro Architecture Docs
Home / File/ custom-fetch-error-pages.test.js — astro Source File

custom-fetch-error-pages.test.js — astro Source File

Architecture documentation for custom-fetch-error-pages.test.js, a javascript file in the astro codebase. 6 imports, 0 dependents.

File javascript IntegrationAdapters 6 imports

Entity Profile

Dependency Diagram

graph LR
  e6534a1c_6cbd_5903_54ce_781c039eea18["custom-fetch-error-pages.test.js"]
  be670a78_841c_46e5_0af5_c5c328869ecb["test-adapter.js"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> be670a78_841c_46e5_0af5_c5c328869ecb
  0a624eac_945e_c9e8_c9de_3feb9de2dd15["test-utils.js"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> 0a624eac_945e_c9e8_c9de_3feb9de2dd15
  dd4f09ce_3fd7_8295_f616_8876cda4555c["loadFixture"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> dd4f09ce_3fd7_8295_f616_8876cda4555c
  e1e2fac7_5a95_7a88_cb1e_0a3b91c4e607["strict"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> e1e2fac7_5a95_7a88_cb1e_0a3b91c4e607
  6b0635f9_51ea_77aa_767b_7857878e98a6["node:test"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> 6b0635f9_51ea_77aa_767b_7857878e98a6
  deb87372_5629_35f8_9a54_e755a08f776a["cheerio"]
  e6534a1c_6cbd_5903_54ce_781c039eea18 --> deb87372_5629_35f8_9a54_e755a08f776a
  style e6534a1c_6cbd_5903_54ce_781c039eea18 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import assert from 'node:assert/strict';
import { before, beforeEach, describe, it } from 'node:test';
import * as cheerio from 'cheerio';
import testAdapter from './test-adapter.js';
import { loadFixture } from './test-utils.js';

describe('Custom Fetch for Error Pages', () => {
	/** @type {import('./test-utils.js').Fixture} */
	let fixture;

	before(async () => {
		fixture = await loadFixture({
			root: './fixtures/custom-fetch-error-pages/',
			output: 'server',
			adapter: testAdapter(),
			build: { inlineStylesheets: 'never' },
		});
	});

	describe('Production', () => {
		/** @type {import('./test-utils.js').App} */
		let app;

		// Mock fetch calls for tracking
		let fetchCalls = [];
		const customFetch = async (url) => {
			fetchCalls.push(url);
			// Return a custom response to verify our fetch was used
			return new Response('<html><body><h1>Custom Fetch Response</h1></body></html>', {
				headers: {
					'content-type': 'text/html',
				},
			});
		};

		before(async () => {
			await fixture.build({});
			app = await fixture.loadTestAdapterApp();
		});

		beforeEach(() => {
			// Reset fetch calls before each test
			fetchCalls = [];
		});

		it('uses custom fetch implementation in case the server needs to get pre-rendered error 404 page when provided via preRenderedFetch', async () => {
			const request = new Request('http://example.com/not-found');
			const response = await app.render(request, { prerenderedErrorPageFetch: customFetch });

			// Verify the response comes from our custom fetch
			assert.equal(response.status, 404);

			// Verify our custom fetch was called with the right URL
			assert.equal(fetchCalls.length, 1);
			assert.ok(fetchCalls[0].includes('/404'));

			const html = await response.text();
			const $ = cheerio.load(html);
			assert.equal($('h1').text(), 'Custom Fetch Response');
		});

		it('uses custom fetch implementation for 500 errors', async () => {
			const request = new Request('http://example.com/causes-error');
			const response = await app.render(request, { prerenderedErrorPageFetch: customFetch });

			// Verify the response comes from our custom fetch
			assert.equal(response.status, 500);

			// Verify our custom fetch was called with the right URL
			assert.equal(fetchCalls.length, 1);
			assert.ok(fetchCalls[0].includes('/500'));

			const html = await response.text();
			const $ = cheerio.load(html);
			assert.equal($('h1').text(), 'Custom Fetch Response');
		});

		it('falls back to global fetch when preRenderedFetch is not provided', async () => {
			const request = new Request('http://example.com/not-found');
			const response = await app.render(request);

			// Verify our custom fetch was NOT called
			assert.equal(fetchCalls.length, 0);

			// Response should be the default 404 page
			assert.equal(response.status, 404);
			const html = await response.text();
			const $ = cheerio.load(html);
			assert.equal($('h1').text(), 'Example Domain'); // actual fetch requesting example.com and gets that.
		});
	});
});

Domain

Dependencies

Source

Frequently Asked Questions

What does custom-fetch-error-pages.test.js do?
custom-fetch-error-pages.test.js is a source file in the astro codebase, written in javascript. It belongs to the IntegrationAdapters domain.
What does custom-fetch-error-pages.test.js depend on?
custom-fetch-error-pages.test.js imports 6 module(s): cheerio, loadFixture, node:test, strict, test-adapter.js, test-utils.js.
Where is custom-fetch-error-pages.test.js in the architecture?
custom-fetch-error-pages.test.js is located at packages/astro/test/custom-fetch-error-pages.test.js (domain: IntegrationAdapters, directory: packages/astro/test).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free