image-cdn.test.js — astro Source File

Source Code

import * as assert from 'node:assert/strict';
import { after, before, describe, it } from 'node:test';
import { remotePatternToRegex } from '@astrojs/netlify';
import { loadFixture } from '../../../../astro/test/test-utils.js';

describe(
	'Image CDN',
	() => {
		const root = new URL('./fixtures/middleware/', import.meta.url);

		describe('configuration', () => {
			after(() => {
				process.env.DISABLE_IMAGE_CDN = undefined;
			});

			it('enables Netlify Image CDN', async () => {
				const fixture = await loadFixture({ root });
				await fixture.build();

				const astronautPage = await fixture.readFile('astronaut/index.html');
				assert.equal(astronautPage.includes(`src="/.netlify/image`), true);
			});

			it('respects image CDN opt-out', async () => {
				process.env.DISABLE_IMAGE_CDN = 'true';
				const fixture = await loadFixture({ root });
				await fixture.build();

				const astronautPage = await fixture.readFile('astronaut/index.html');
				assert.equal(astronautPage.includes(`src="/_astro/astronaut.`), true);
			});
		});

		describe('remote image config', () => {
			let regexes;

			before(async () => {
				const fixture = await loadFixture({ root });
				await fixture.build();

				const config = await fixture.readFile('../.netlify/v1/config.json');
				if (config) {
					regexes = JSON.parse(config).images.remote_images.map((pattern) => new RegExp(pattern));
				}
			});

			it('generates remote image config patterns', async () => {
				assert.equal(regexes?.length, 3);
			});

			it('generates correct config for domains', async () => {
				const domain = regexes[0];
				assert.equal(domain.test('https://example.net/image.jpg'), true);
				assert.equal(
					domain.test('https://www.example.net/image.jpg'),
					false,
					'subdomain should not match',
				);
				assert.equal(domain.test('http://example.net/image.jpg'), true, 'http should match');
				assert.equal(
// ... (67 more lines)