build(ci): add github action for running unit tests

Author: kahboom

.github/workflows/unit-tests.yaml

@@ -0,0 +1,19 @@
+name: 🧪 Unit Tests (Jest)
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build:
+    name: 🧪 Unit Tests (Jest)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: 📦 Install modules
+        run: npm install
+      - name: ⚙️ Run tests
+        run: npm run test --coverage

README.md

@@ -14,6 +14,20 @@ npm run dev
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
+## Tests
+
+### Unit Tests
+
+Run all [Jest](https://jestjs.io/) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro) unit tests:
+
+```bash
+npm run test
+```
+
+Launches the test runner in the interactive watch mode.
+
+Tests are colocated and live as closely to corresponding code as possible.
+
 ## Deploy
 
 The app is based on [Next.JS](https://nextjs.org/) and is automatically built & deployed to GitHub Pages when pushing to the `main` branch.

src/modules/components/Entry.test.tsx

@@ -0,0 +1,22 @@
+import { render } from "@testing-library/react";
+import { RekorClientProvider } from "../api/context";
+import { EntryCard } from "./Entry";
+
+describe("Entry", () => {
+	it("renders", () => {
+		//
+	});
+});
+
+describe("EntryCard", () => {
+	it("renders", () => {
+		render(
+			<RekorClientProvider>
+				<EntryCard
+					content={<></>}
+					title={<></>}
+				/>
+			</RekorClientProvider>,
+		);
+	});
+});

src/modules/components/SearchForm.test.tsx

@@ -0,0 +1,16 @@
+import { SearchForm } from "./SearchForm";
+import { render } from "@testing-library/react";
+import { RekorClientProvider } from "../api/context";
+
+describe("SearchForm", () => {
+	it("renders", () => {
+		render(
+			<RekorClientProvider>
+				<SearchForm
+					isLoading={false}
+					onSubmit={() => {}}
+				/>
+			</RekorClientProvider>,
+		);
+	});
+});

src/modules/components/Settings.test.tsx

@@ -0,0 +1,16 @@
+import { render } from "@testing-library/react";
+import { RekorClientProvider } from "../api/context";
+import { Settings } from "./Settings";
+
+describe("Settings", () => {
+	it("renders", () => {
+		render(
+			<RekorClientProvider>
+				<Settings
+					onClose={jest.fn()}
+					open={true}
+				/>
+			</RekorClientProvider>,
+		);
+	});
+});