astro-scripts.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 { loadFixture } from './test-utils.js';

describe('Scripts', () => {
	describe('Build', () => {
		/** @type {import('./test-utils').Fixture} */
		let fixture;
		before(async () => {
			fixture = await loadFixture({
				root: './fixtures/astro-scripts/',
				vite: {
					build: {
						assetsInlineLimit: 0,
					},
				},
			});
			await fixture.build();
		});

		it('Renders scripts in place', async () => {
			const html = await fixture.readFile('/external/index.html');
			const $ = cheerio.load(html);

			assert.equal($('head script').length, 1);
			assert.equal($('body script').length, 2);
		});

		it('Inline page builds the scripts each as its own entry', async () => {
			let inline = await fixture.readFile('/inline/index.html');
			let $ = cheerio.load(inline);
			let $el = $('script');

			assert.equal($el.length, 2);
		});

		it('External page using non-hoist scripts that are modules are built standalone', async () => {
			let external = await fixture.readFile('/external-no-hoist/index.html');
			let $ = cheerio.load(external);

			assert.equal($('script').length, 1);

			// test 2: inside assets
			let entryURL = $('script').attr('src');
			assert.equal(entryURL.includes('_astro/'), true);
		});

		it('External page using non-hoist scripts that are not modules are built standalone', async () => {
			let external = await fixture.readFile('/external-no-hoist-classic/index.html');
			let $ = cheerio.load(external);

			// test 1: there is 1 scripts
			assert.equal($('script').length, 1);

			// test 2: inside assets
			let entryURL = $('script').attr('src');
			assert.equal(entryURL.includes('_astro/'), true);
		});

// ... (127 more lines)