Apps/nutritionfacts/additionalTests (#146)

* specify environment

* add html tests

* use config environment

* [email protected]

* Update apps/nutritionfacts/index.test.ts

Co-authored-by: Copilot <[email protected]>

* Update apps/nutritionfacts/index.test.ts

Co-authored-by: Copilot <[email protected]>

* remove comment

---------

Co-authored-by: Copilot <[email protected]>

Author: thedannywahl

apps/nutritionfacts/index.test.ts

@@ -0,0 +1,55 @@
+// @ts-expect-error Vite raw import
+import html from "./index.html?raw"
+import { describe, it, expect, beforeEach } from "vitest"
+
+describe('index.html', () => {
+  beforeEach(() => {
+    document.documentElement.innerHTML = html
+    document.documentElement.setAttribute('lang', 'en')
+  })
+
+  it('should have correct doctype', () => {
+    // jsdom does not expose doctype, so we skip this in jsdom
+    expect(document.documentElement.lang).toBe('en')
+  })
+
+  it('should have correct meta tags', () => {
+    const charset = document.querySelector('meta[charset]')
+    expect(charset).not.toBeNull()
+    expect(charset?.getAttribute('charset')).toBe('UTF-8')
+
+    const viewport = document.querySelector('meta[name="viewport"]')
+    expect(viewport).not.toBeNull()
+    expect(viewport?.getAttribute('content')).toBe('width=device-width, initial-scale=1.0')
+
+    const version = document.querySelector('meta[name="application-version"]')
+    expect(version).not.toBeNull()
+    expect(version?.getAttribute('content')).toBe('%VITE_PACKAGE_VERSION%')
+
+    const name = document.querySelector('meta[name="application-name"]')
+    expect(name).not.toBeNull()
+    expect(name?.getAttribute('content')).toBe('%VITE_PACKAGE_NAME%')
+  })
+
+  it('should have favicon link', () => {
+    const favicon = document.querySelector('link[rel="icon"]')
+    expect(favicon).not.toBeNull()
+    expect(favicon?.getAttribute('type')).toBe('image/svg+xml')
+    expect(favicon?.getAttribute('href')).toBe('/IgniteAI.svg')
+  })
+
+  it('should have correct title', () => {
+    expect(document.title).toBe('IgniteAI Nutrition Facts')
+  })
+
+  it('should have root div', () => {
+    const root = document.getElementById('root')
+    expect(root).not.toBeNull()
+  })
+
+  it('should load main script as module', () => {
+    const script = document.querySelector('script[type="module"]')
+    expect(script).not.toBeNull()
+    expect(script?.getAttribute('src')).toBe('/src/Main.tsx')
+  })
+})

apps/nutritionfacts/package.json

@@ -28,5 +28,5 @@
     "update-cache": "vite-node ./scripts/updateCache.mts"
   },
   "type": "module",
-  "version": "1.5.2"
+  "version": "1.5.3"
 }

apps/nutritionfacts/src/Main.test.tsx

@@ -1,7 +1,3 @@
-/**
- * @vitest-environment jsdom
- */
-
 import * as React from "react";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 

apps/nutritionfacts/tests/package.test.ts

@@ -1,3 +1,7 @@
+/**
+ * @vitest-environment node
+ */
+
 import { describe, expect, it } from "vitest";
 import { name as workspaceName } from "../../../package.json" with {
 	type: "json",

apps/nutritionfacts/tests/readme.test.ts

@@ -1,3 +1,7 @@
+/**
+ * @vitest-environment node
+ */
+
 import { readFile } from "node:fs/promises";
 import { describe, expect, it } from "vitest";
 import { name } from "../package.json" with { type: "json" };

apps/nutritionfacts/vitest.config.mts

@@ -9,6 +9,8 @@ const __cdir = path.resolve(__dir, "coverage");
 export default mergeConfig(baseConfig, {
 	root: __dirname,
 	test: {
+		environment: "jsdom",
+		include: ["index.test.{ts,tsx}"],
 		coverage: {
 			reportsDirectory: __cdir,
 		},