1 files changed, 63 insertions, 0 deletions
diff --git a/packages/astro/test/astro-class-list.test.js b/packages/astro/test/astro-class-list.test.js
new file mode 100644
index 000000000..caee0a686
--- /dev/null
+++ b/packages/astro/test/astro-class-list.test.js
@@ -0,0 +1,63 @@
+import assert from 'node:assert/strict';
+import { before, describe, it } from 'node:test';
+import * as cheerio from 'cheerio';
+import { loadFixture } from './test-utils.js';
+
+describe('Class List', async () => {
+	let fixture;
+
+	before(async () => {
+		fixture = await loadFixture({ root: './fixtures/astro-class-list/' });
+		await fixture.build();
+	});
+
+	it('Passes class:list attributes as expected to elements', async () => {
+		const html = await fixture.readFile('/index.html');
+		const $ = cheerio.load(html);
+
+		assert.equal($('[class="test control"]').length, 1, '[class="test control"]');
+		assert.equal($('[class="test expression"]').length, 1, '[class="test expression"]');
+		assert.equal($('[class="test true"]').length, 1, '[class="test true"]');
+		assert.equal($('[class="test truthy"]').length, 1, '[class="test truthy"]');
+		assert.equal($('[class="test set"]').length, 1, '[class="test set"]');
+		assert.equal(
+			$('[class="hello goodbye hello world hello friend"]').length,
+			1,
+			'[class="hello goodbye hello world hello friend"]',
+		);
+		assert.equal($('[class="foo baz"]').length, 1, '[class="foo baz"]');
+		assert.equal($('span:not([class])').length, 1, 'span:not([class])');
+
+		assert.equal($('.false, .noshow1, .noshow2, .noshow3, .noshow4').length, 0);
+	});
+
+	it('Passes class:list attributes as expected to components', async () => {
+		const html = await fixture.readFile('/component/index.html');
+		const $ = cheerio.load(html);
+
+		assert.equal($('[class="test control"]').length, 1, '[class="test control"]');
+		assert.equal($('[class="test expression"]').length, 1, '[class="test expression"]');
+		assert.equal($('[class="test true"]').length, 1, '[class="test true"]');
+		assert.equal($('[class="test truthy"]').length, 1, '[class="test truthy"]');
+		assert.equal($('[class="test set"]').length, 1, '[class="test set"]');
+		assert.equal(
+			$('[class="hello goodbye hello world hello friend"]').length,
+			1,
+			'[class="hello goodbye hello world hello friend"]',
+		);
+		assert.equal($('[class="foo baz"]').length, 1, '[class="foo baz"]');
+		assert.equal($('span:not([class])').length, 1, 'span:not([class])');
+
+		assert.equal($('[class="test control"]').text(), 'test control');
+		assert.equal($('[class="test expression"]').text(), 'test expression');
+		assert.equal($('[class="test true"]').text(), 'test true');
+		assert.equal($('[class="test truthy"]').text(), 'test truthy');
+		assert.equal($('[class="test set"]').text(), 'test set');
+		assert.equal(
+			$('[class="hello goodbye hello world hello friend"]').text(),
+			'hello goodbye hello world hello friend',
+		);
+		assert.equal($('[class="foo baz"]').text(), 'foo baz');
+		assert.equal($('span:not([class])').text(), '');
+	});
+});