solid-component.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 { isWindows, loadFixture } from './test-utils.js';

describe.skip('Solid component build', { todo: 'Check why an error is thrown.' }, () => {
	let fixture;
	before(async () => {
		fixture = await loadFixture({
			root: './fixtures/solid-component/',
		});
		await fixture.build();
	});

	it('Can load a component', async () => {
		const html = await fixture.readFile('/index.html');
		const $ = cheerio.load(html);

		// test 1: Works
		assert.equal($('.hello').length, 1);

		// test 2: Support rendering proxy components
		assert.equal($('#proxy-component').text(), 'Hello world');
	});

	// ssr-client-none.astro
	it('Supports server only components', async () => {
		const html = await fixture.readFile('ssr-client-none/index.html');
		const hydrationScriptCount = countHydrationScripts(html);
		assert.equal(hydrationScriptCount, 0);
		const hydrationEventsCount = countHydrationEvents(html);
		assert.equal(hydrationEventsCount, 0);
	});

	it('Supports lazy server only components', async () => {
		const html = await fixture.readFile('ssr-client-none/index.html');
		const $ = cheerio.load(html);
		// AsyncComponent renders 1 button
		// LazyCounter renders 4 buttons
		// Total is 5 buttons
		assert.equal($('button').length, 5);
	});

	// ssr-client-none-throwing.astro
	it('Supports server only components with error boundaries', async () => {
		const html = await fixture.readFile('ssr-client-none-throwing/index.html');
		const hydrationScriptCount = countHydrationScripts(html);
		assert.equal(hydrationScriptCount, 0);
		assert.equal(html.includes('Async error boundary fallback'), true);
		assert.equal(html.includes('Sync error boundary fallback'), true);
		const hydrationEventsCount = countHydrationEvents(html);
		assert.equal(hydrationEventsCount, 0);
	});

	// ssr-client-load.astro
	it('Supports hydrating components', async () => {
		const html = await fixture.readFile('ssr-client-load/index.html');
		const hydrationScriptCount = countHydrationScripts(html);
		assert.equal(hydrationScriptCount, 1);
	});
// ... (153 more lines)