Add vitest (test runner) test CI job, and a very basic test (#21)

* Add jest (test runner) and a single always-passing test

* Add testing to GH Actions workflow

* Combine lint and test in one job

* Change from jest to vitest; add a working test

* More mocking - not sure why it passes locally and fails in CI

* More mocking - not sure why it passes locally and fails in CI

* More mocking - not sure why it passes locally and fails in CI

* Use playwright for headless browser testing

* Switch from v8 to istanbul for coverage in browser mode

* Only install chromium in CI for now

.eslintrc.cjs

@@ -20,10 +20,10 @@ module.exports = {
     },
     settings: {
         "import/resolver": {
-            typescript: {}
+            typescript: {},
         },
         "react": {
-            "version": "detect"
+            version: "detect",
         },
     },
 };

.github/workflows/lint.yml → .github/workflows/lint-and-test.yml

@@ -5,7 +5,7 @@ on:
   pull_request:
 
 jobs:
-  lint:
+  lint-and-test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -14,3 +14,5 @@ jobs:
           node-version: 21
       - run: npm ci
       - run: npm run lint
+      - run: npx playwright install chromium
+      - run: npm run coverage

README.md

@@ -4,4 +4,4 @@ Install with `npm install`
 
 Run the dev server with `npm run dev`
 
-See [scene.tsx](https://github.com/aganders3/points-web-viewer/blob/a66ff6aa7ff3cdf1259cf4090ac388ac59d85991/src/scene.tsx) for an example component displaying a three.js scene.
+Run tests with `npm run test` or `npm run coverage`

__tests__/main.test.tsx

@@ -0,0 +1,14 @@
+import { expect, test } from "vitest";
+
+import Scene from "../src/scene";
+import React from "react";
+import { render } from "@testing-library/react";
+
+test("tests work", () => {
+    expect(true).toBeTruthy();
+});
+
+test("render Scene", () => {
+    const { container } = render(<Scene renderWidth={800} />);
+    expect(container).not.toBeNull();
+});