csp-server-islands.test.js — astro Source File

Source Code

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

// Helper to create encryption key from test key string
async function createKeyFromString(keyString) {
	const binaryString = atob(keyString);
	const bytes = new Uint8Array(binaryString.length);
	for (let i = 0; i < binaryString.length; i++) {
		bytes[i] = binaryString.charCodeAt(i);
	}
	return await crypto.subtle.importKey('raw', bytes, { name: 'AES-GCM' }, false, [
		'encrypt',
		'decrypt',
	]);
}

// Helper to get encrypted componentExport for 'default'
async function getEncryptedComponentExport(
	keyString = 'eKBaVEuI7YjfanEXHuJe/pwZKKt3LkAHeMxvTU7aR0M=',
) {
	const key = await createKeyFromString(keyString);
	return encryptString(key, 'default');
}

describe('Server islands', () => {
	describe('SSR', () => {
		/** @type {import('./test-utils').Fixture} */
		let fixture;
		before(async () => {
			fixture = await loadFixture({
				root: './fixtures/server-islands/ssr',
				adapter: testAdapter(),
				security: {
					csp: true,
				},
			});
			process.env.ASTRO_KEY = 'eKBaVEuI7YjfanEXHuJe/pwZKKt3LkAHeMxvTU7aR0M=';
			await fixture.build();
		});

		after(async () => {
			delete process.env.ASTRO_KEY;
		});

		it('omits the islands HTML', async () => {
			const app = await fixture.loadTestAdapterApp();
			const request = new Request('http://example.com/');
			const response = await app.render(request);
			const html = await response.text();

			const $ = cheerio.load(html);
			const serverIslandEl = $('h2#island');
			assert.equal(serverIslandEl.length, 0);

			const serverIslandScript = $('script[data-island-id]');
			assert.equal(serverIslandScript.length, 1, 'has the island script');
// ... (152 more lines)