Consolidate vitest CI & coverage (#33808)

* Consolidate modules vitest coverage

* Use vite-common as base for modules vitest config

* Make knip happier

* Fix coverage paths

* Place modules unit tests alongside src

* Switch to defineProject for better type safety

* Consolidate vitest CI & coverage

Kills off vite-common

* Update comment

* Update lockfile

* Fix shared-components vitest config

* Soften eslint config for tests in modules

* Run eslint on modules/playwright dir too

* Make tsc happy

modules/widget-toggles/package.json

@@ -20,7 +20,6 @@
         "@types/react": "^19",
         "@vitejs/plugin-react": "catalog:",
         "@vitest/browser-playwright": "catalog:",
-        "@vitest/coverage-v8": "catalog:",
         "react": "catalog:",
         "typescript": "catalog:",
         "vite": "catalog:",

modules/widget-toggles/src/config.test.ts

@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { describe, expect, test } from "vitest";
 
-import { WidgetTogglesConfig } from "../src/config";
+import { WidgetTogglesConfig } from "./config";
 
 describe("WidgetTogglesConfig", () => {
     test("parses a valid config with an array of widget types", () => {

modules/widget-toggles/src/index.test.ts

@@ -10,9 +10,9 @@ import { render, type RenderResult, screen } from "@testing-library/react";
 import { type Api } from "@element-hq/element-web-module-api";
 import { type IWidget } from "matrix-widget-api";
 
-import WidgetToggleModule from "../src/index";
-import { CONFIG_KEY, WidgetTogglesConfig } from "../src/config";
-import { mockWidget, mockWidgetApi } from "./mocks";
+import WidgetToggleModule from "./index";
+import { CONFIG_KEY, WidgetTogglesConfig } from "./config";
+import { mockWidget, mockWidgetApi } from "./tests/mocks";
 
 const makeApi = (widgets: IWidget[] = []): Api => {
     const addRoomHeaderButtonCallback = vi.fn();

modules/widget-toggles/src/toggle.test.tsx

@@ -13,8 +13,8 @@ import { type PropsWithChildren } from "react";
 import { TooltipProvider } from "@vector-im/compound-web";
 import userEvent from "@testing-library/user-event";
 
-import { WidgetToggle } from "../src/toggle";
-import { mockI18nApi, mockWidget, mockWidgetApi } from "./mocks";
+import { WidgetToggle } from "./toggle";
+import { mockI18nApi, mockWidget, mockWidgetApi } from "./tests/mocks";
 
 const roomId = "!room:example.com";
 

modules/widget-toggles/tests/tsconfig.json

@@ -1,7 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "jsx": "react-jsx"
-    },
-    "include": ["."]
-}

modules/widget-toggles/vitest.config.ts

@@ -5,25 +5,18 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import { defineConfig } from "vitest/config";
+import { defineProject } from "vitest/config";
 import { playwright } from "@vitest/browser-playwright";
 
-export default defineConfig({
+export default defineProject({
     test: {
-        include: ["tests/**/*.test.{ts,tsx}"],
         exclude: ["./e2e/**/*", "./node_modules/**/*"],
-        reporters: ["default"],
-        coverage: {
-            provider: "v8",
-            include: ["src/**/*.ts"],
-            reporter: [["lcov", { projectRoot: "../../" }], "text"],
-        },
         browser: {
             enabled: true,
             headless: true,
             provider: playwright({}),
             instances: [{ browser: "chromium" }],
         },
-        setupFiles: ["tests/setupTests.ts"],
+        setupFiles: ["src/tests/setupTests.ts"],
     },
 });