import { expect } from 'chai';
import * as cheerio from 'cheerio';
import { loadFixture, isWindows } from './test-utils.js';

describe('Static build - frameworks', () => {
	if (isWindows) {
		return;
	}

	let fixture;

	before(async () => {
		fixture = await loadFixture({
			root: './fixtures/static-build-frameworks/',
		});
		await fixture.build();
	});

	it('can build preact', async () => {
		const html = await fixture.readFile('/preact/index.html');
		expect(html).to.be.a('string');
	});

	it('can build react', async () => {
		const html = await fixture.readFile('/react/index.html');
		expect(html).to.be.a('string');
	});

	// SKIP: Lit polyfills the server in a way that breaks `sass` require/import
	// Leads to CI bugs like: "Cannot read properties of undefined (reading 'length')"
	it.skip('can build lit', async () => {
		const html = await fixture.readFile('/lit/index.html');
		expect(html).to.be.a('string');
	});

	it('can build nested framework usage', async () => {
		const html = await fixture.readFile('/nested/index.html');
		const $ = cheerio.load(html);
		const counter = $('.nested-counter .counter');
		expect(counter.length).to.equal(1, 'Found the counter');
	});
});