build(ci): add codecov for unit test coverage reporting

build(ci): add codecov bundler plugin for bundle analysis

chore: update readme

.github/codecov.yaml

@@ -0,0 +1,11 @@
+coverage:
+  status:
+    project:
+      default:
+        informational: true
+        target: auto
+        threshold: 0.5%
+        base: auto
+
+github_checks:
+  annotations: false

.github/workflows/unit-tests.yaml

@@ -17,3 +17,8 @@ jobs:
         run: npm install
       - name: ⚙️ Run tests
         run: npm run test --coverage
+      - name: Upload coverage reports to Codecov
+        uses: codecov/[email protected]
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: securesign/rekor-search-ui

README.md

@@ -1,6 +1,7 @@
-This repo contains a simple UI for searching Search the Rekor public transparency log.
+[![🧪 Unit Tests (Jest) 🧪](https://github.com/securesign/rekor-search-ui/actions/workflows/unit-tests.yaml/badge.svg)](https://github.com/securesign/rekor-search-ui/actions/workflows/unit-tests.yaml)
+[![codecov](https://codecov.io/gh/securesign/rekor-search-ui/graph/badge.svg?token=1QS2BK1PQL)](https://codecov.io/gh/securesign/rekor-search-ui)
 
-https://search.sigstore.dev/
+This repo contains a simple UI for searching Search the Rekor public transparency log.
 
 ![Rekor UI Screenshot](assets/screenshot.png)
 
@@ -32,7 +33,7 @@ npm run test
 
 Launches the test runner in the interactive watch mode.
 
-Tests are colocated and live as closely to corresponding code as possible.
+Tests are co-located and live as closely to corresponding code as possible.
 
 ## Deploy
 
@@ -44,5 +45,5 @@ This app supports overriding of the default rekor server instance for those runn
 Create a `.env.local` file at the root and include in it this environment variable
 
 ```properties
-NEXT_PUBLIC_REKOR_DEFAULT_DOMAIN=https://privaterekor.sigstore.dev
+NEXT_PUBLIC_REKOR_DEFAULT_DOMAIN=https://privaterekor.example.com
 ```

next.config.js

@@ -1,3 +1,5 @@
+const { codecovWebpackPlugin } = require("@codecov/webpack-plugin");
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	reactStrictMode: true,
@@ -14,6 +16,21 @@ const nextConfig = {
 		"@patternfly/react-icons",
 		"@patternfly/react-styles",
 	],
+	webpack: config => {
+		config.plugins = [
+			...config.plugins,
+
+			// keep codecov webpack plugin after all other plugins
+			codecovWebpackPlugin({
+				enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
+				bundleName: "rekor-search-ui-webpack-bundle",
+				uploadToken: process.env.CODECOV_TOKEN,
+			}),
+		];
+
+		// important: return the modified config
+		return config;
+	},
 };
 
 module.exports = nextConfig;