Refactor Test Coverage Configuration & Output Test Results

.gitignore

@@ -7,8 +7,9 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-# Test Coverage
+# Test Results
 tests/coverage
+tests/reports
 
 node_modules
 dist

tests/config.ts

@@ -0,0 +1,9 @@
+import { CoverageV8Options } from "vitest/node";
+
+export const coverageV8Options: CoverageV8Options = {
+  include: ["src"],
+  skipFull: true,
+  clean: true,
+  reporter: ["html", "text"],
+  reportsDirectory: "./tests/coverage",
+};

vite.config.ts

@@ -1,12 +1,12 @@
-/// <reference types="vitest" />
-
 import path from "path";
 
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import svgr, { VitePluginSvgrOptions } from "vite-plugin-svgr";
 import { configDefaults } from "vitest/config";
 
+import { coverageV8Options } from "./tests/config";
+
 const svgrOptions: VitePluginSvgrOptions["svgrOptions"] = {
   exportType: "default",
   ref: true,
@@ -22,19 +22,10 @@ export default defineConfig({
     globals: true,
     environment: "jsdom",
     setupFiles: "./tests/setup.ts",
+    reporters: ["verbose", "json"],
+    outputFile: "./tests/reports/results.json",
     exclude: [...configDefaults.exclude, "./firebase", "./config"],
-    coverage: {
-      provider: "v8",
-      include: ["src"],
-      skipFull: true,
-      clean: true,
-      reporter: ["html", "text"],
-      reportsDirectory: "./tests/coverage",
-    },
-  },
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-    },
+    coverage: { provider: "v8", ...coverageV8Options },
   },
+  resolve: { alias: { "@": path.resolve(__dirname, "./src") } },
 });