jss/vitest.browser.config.mjs at master · cssinjs/jss · 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
84
85
86
87
88
89
import {readFileSync, readdirSync} from 'node:fs'
import {fileURLToPath} from 'node:url'
import {transformAsync} from '@babel/core'
import {defineConfig} from 'vitest/config'
import {playwright} from '@vitest/browser-playwright'

const {version} = JSON.parse(readFileSync(new URL('./lerna.json', import.meta.url), 'utf8'))

export default defineConfig({
  resolve: {
    // Exercise workspace source, including imports between packages, without a prior build.
    alias: readdirSync(new URL('./packages/', import.meta.url)).map((name) => ({
      find: new RegExp(`^${name}$`),
      replacement: fileURLToPath(new URL(`./packages/${name}/src/index.js`, import.meta.url))
    }))
  },
  plugins: [
    {
      name: 'react-jss-jsx',
      enforce: 'pre',
      async transform(code, id) {
        if (!id.includes('/packages/react-jss/') || !id.endsWith('.js')) return null
        return transformAsync(code, {
          filename: id,
          babelrc: false,
          configFile: false,
          presets: ['@babel/preset-react'],
          sourceMaps: true
        })
      }
    }
  ],
  optimizeDeps: {
    // JSX in React-JSS's .js files is transformed by the plugin above, not the dependency scanner.
    noDiscovery: true,
    // Resolve nested dependencies through their owners instead of relying on hoisting.
    include: [
      'react-jss > @babel/runtime/helpers/esm/assertThisInitialized',
      'react-jss > @babel/runtime/helpers/esm/createClass',
      'react-jss > @babel/runtime/helpers/esm/extends',
      'react-jss > @babel/runtime/helpers/esm/inheritsLoose',
      'react-jss > @babel/runtime/helpers/esm/objectWithoutPropertiesLoose',
      'react-jss > @emotion/is-prop-valid',
      'common-tags',
      'react-jss > hoist-non-react-statics',
      'jss > is-in-browser',
      'react-jss > shallow-equal',
      'jss > tiny-warning',
      'jss-plugin-isolate > css-initials/all',
      'jss-plugin-isolate > css-initials/inherited',
      'jss-plugin-vendor-prefixer > css-vendor',
      'detect-browser',
      'jss-plugin-camel-case > hyphenate-style-name',
      'react',
      'react-dom/server',
      'react-test-renderer',
      'react-jss > styled-system',
      'react-jss > theming',
      'jss-plugin-rule-value-observable > symbol-observable',
      'zen-observable'
    ]
  },
  define: {
    'process.env.NODE_ENV': JSON.stringify('development'),
    'process.env.VERSION': JSON.stringify(version)
  },
  test: {
    include: ['packages/**/*.browser.test.js'],
    restoreMocks: true,
    browser: {
      enabled: true,
      provider: playwright(),
      instances: [{browser: 'chromium'}],
      headless: true
    },
    coverage: {
      provider: 'v8',
      include: [
        'packages/jss/src/**/*.js',
        'packages/jss-plugin-*/src/**/*.js',
        'packages/css-jss/src/**/*.js',
        'packages/react-jss/src/**/*.js'
      ],
      exclude: ['**/flow-types/**', '**/flow-types.js', '**/*.test.js'],
      reporter: ['text', 'json'],
      reportsDirectory: 'coverage/vitest-browser'
    }
  }
})