vite-ts-react-template/vitest.config.ts at core · bartstc/vite-ts-react-template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
import path from "node:path";
import { fileURLToPath } from "node:url";

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
import { playwright } from "@vitest/browser-playwright";
import { mergeConfig } from "vite";
import { coverageConfigDefaults, defineConfig } from "vitest/config";

const dirname =
  typeof __dirname !== "undefined"
    ? __dirname
    : path.dirname(fileURLToPath(import.meta.url));

import viteConfig from "./vite.config";

export default defineConfig((env) =>
  mergeConfig(
    viteConfig(env),
    defineConfig({
      test: {
        globals: true,
        environment: "jsdom",
        setupFiles: "./test-setup.ts",
        globalSetup: "./test-globals.ts",
        coverage: {
          provider: "istanbul",
          reporter: [
            "text",
            "html",
            "json",
            ["lcov", { projectRoot: "./src" }],
          ],
          include: ["src/**/*.{ts,tsx}"],
          exclude: [
            "**/test-lib/*",
            "**/public/*",
            "src/**/*.test.@(ts|tsx)",
            "src/**/*.stories.@(ts|tsx)",
            ...coverageConfigDefaults.exclude,
          ],
          reportsDirectory: "./coverage",
        },
        onConsoleLog: (log) => {
          if (log.includes("i18next:")) {
            return false;
          }
          return true;
        },
        projects: [
          {
            extends: true,
            test: {
              name: "unit",
              include: ["src/**/*.test.ts", "src/**/*.test.tsx"],
              setupFiles: ["./test-setup.ts", "./test-setup-unit.ts"],
            },
          },
          {
            extends: true,
            plugins: [
              storybookTest({
                configDir: path.join(dirname, ".storybook"),
                storybookScript: "pnpm storybook --ci",
              }),
            ],
            test: {
              name: "storybook",
              browser: {
                enabled: true,
                provider: playwright(),
                headless: true,
                instances: [{ browser: "chromium" }],
              },
              setupFiles: [".storybook/vitest.setup.ts"],
            },
          },
        ],
      },
    })
  )
);