test: Validate HTML files

Author: maxmilton

bun.lockb

@@ -28,7 +28,7 @@
     "@eslint/js": "9.17.0",
     "@maxmilton/eslint-config": "0.0.8",
     "@maxmilton/stylelint-config": "0.1.2",
-    "@maxmilton/test-utils": "0.0.6",
+    "@maxmilton/test-utils": "0.0.7",
     "@playwright/test": "1.49.1",
     "@types/bun": "1.1.14",
     "@types/chrome": "0.0.287",

package.json

@@ -1,5 +1,6 @@
 import { describe, expect, test } from 'bun:test';
 import { readdir } from 'node:fs/promises';
+import { validate } from '@maxmilton/test-utils/html';
 
 describe('dist files', () => {
   // FIXME: The bun file type is just inferred from the file extension, not the
@@ -49,8 +50,17 @@ describe('dist files', () => {
     const distDir = await readdir('dist');
     expect(distDir).toHaveLength(distFiles.length);
   });
+
+  test.each(distFiles.filter(([filename]) => filename.endsWith('.html')))(
+    '%s contains valid HTML',
+    async (filename) => {
+      const file = Bun.file(`dist/${filename}`);
+      const html = await file.text();
+      const result = validate(html);
+      expect(result.valid).toBeTrue();
+    },
+  );
 });
 
-// TODO: HTML files should be valid HTML
 // TODO: HTML files have correct title
 // TODO: HTML files have correct JS and CSS file references