css-base-path.test.js — astro Source File

Source Code

import * as assert from 'node:assert/strict';
import { describe, it } from 'node:test';
import { pathToFileURL } from 'node:url';
import { resolveConfig } from 'vite';
import { compileAstro } from '../../../dist/vite-plugin-astro/compile.js';

/**
 * Compile Astro source with a given base path
 * @param {string} source - Astro source code
 * @param {string} base - Base path configuration
 */
async function compileWithBase(source, base = '/') {
	const viteConfig = await resolveConfig({ configFile: false }, 'serve');
	const result = await compileAstro({
		compileProps: {
			astroConfig: {
				root: pathToFileURL('/'),
				base,
				experimental: {},
				build: {
					format: 'directory',
				},
				trailingSlash: 'ignore',
			},
			viteConfig,
			preferences: {
				get: () => Promise.resolve(false),
			},
			filename: '/src/pages/index.astro',
			source,
		},
		astroFileToCompileMetadata: new Map(),
		logger: {
			info: () => {},
			warn: () => {},
			error: () => {},
			debug: () => {},
		},
	});
	return result;
}

describe('CSS Base Path Rewriting', () => {
	describe('Absolute URL rewriting', () => {
		it('should rewrite absolute URLs with base path', async () => {
			const source = `
<style>
	@font-face {
		src: url('/fonts/font.woff2');
	}
</style>`;
			const result = await compileWithBase(source, '/my-base/');

			// CSS should be in result.css array
			assert.ok(result.css.length > 0);
			const css = result.css[0].code;

			// URL should be rewritten to include base
			assert.match(css, /url\(['"]?\/my-base\/fonts\/font\.woff2['"]?\)/);
		});
// ... (259 more lines)