astro-assets-prefix-multi-cdn.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 testAdapter from './test-adapter.js';
import { loadFixture } from './test-utils.js';

const defaultAssetsPrefixRegex = /^https:\/\/example.com\/_astro\/.*/;
const jsAssetsPrefixRegex = /^https:\/\/js\.example\.com\/_astro\/.*/;
const cssAssetsPrefixRegex = /^https:\/\/css\.example\.com\/_astro\/.*/;
const assetsPrefix = {
	js: 'https://js.example.com',
	css: 'https://css.example.com',
	fallback: 'https://example.com',
};

// Asset prefix for CDN support
describe('Assets Prefix Multiple CDN - Static', () => {
	let fixture;

	before(async () => {
		fixture = await loadFixture({
			root: './fixtures/astro-assets-prefix',
			build: {
				assetsPrefix,
			},
		});
		await fixture.build();
	});

	after(async () => {
		await fixture.clean();
	});

	it('all stylesheets should start with  cssAssetPrefix', async () => {
		const html = await fixture.readFile('/index.html');
		const $ = cheerio.load(html);
		const stylesheets = $('link[rel="stylesheet"]');
		stylesheets.each((_i, el) => {
			assert.match(el.attribs.href, cssAssetsPrefixRegex);
		});
	});

	it('image src start with fallback', async () => {
		const html = await fixture.readFile('/index.html');
		const $ = cheerio.load(html);
		const imgAsset = $('#image-asset');
		assert.match(imgAsset.attr('src'), defaultAssetsPrefixRegex);
	});

	it('react component astro-island should import from jsAssetsPrefix', async () => {
		const html = await fixture.readFile('/index.html');
		const $ = cheerio.load(html);
		const island = $('astro-island');
		assert.match(island.attr('component-url'), jsAssetsPrefixRegex);
		assert.match(island.attr('renderer-url'), jsAssetsPrefixRegex);
	});

	it('import.meta.env.ASSETS_PREFIX works', async () => {
		const html = await fixture.readFile('/index.html');
		const $ = cheerio.load(html);
// ... (81 more lines)