forge/web-test-runner.config.mjs at main · tyler-josh/forge · 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
90
91
import { esbuildPlugin } from '@web/dev-server-esbuild';
import { fromRollup } from '@web/dev-server-rollup';
import { sendKeysPlugin, sendMousePlugin, setViewportPlugin } from '@web/test-runner-commands/plugins';
import { fileURLToPath } from 'url';
import { readdirSync } from 'fs';
import { compileString } from 'sass';
import { dirname } from 'path';

/** Custom plugin to inline imports against .scss files as compiled CSS strings. */
const inlineScss = fromRollup(() => ({
  name: 'inline-scss',
  transform(code, id) {
    if (id.endsWith('.scss')) {
      const loadPaths = [dirname(id), 'node_modules/'];
      const result = compileString(code, { loadPaths });
      return result.css;
    }
  }
}));

/** Gets all directory names within a given source directory.  */
export const directoryGroup = source =>
  readdirSync(source, { withFileTypes: true })
    .filter(dirent => dirent.isDirectory())
    .map(dirent => dirent.name);

export const FILTERED_LOGS = ['Lit is in dev mode'];

/**
 * @type {import('@web/test-runner').TestRunnerConfig}
 */
export default {
  // Workaround until https://github.com/modernweb-dev/web/issues/2772 is resolved
  // Remove the @ungap/structured-clone dependency once the issue is resolved
  testRunnerHtml(testFramework) {
    return `<html><body><script type="module">import structuredClone from '@ungap/structured-clone';window.structuredClone = (value) => structuredClone(value, { lossy: true });</script><script type="module" src="${testFramework}"></script></body></html>`;
  },
  concurrency: 1,
  nodeResolve: true,
  filterBrowserLogs: ({ args }) => {
    for (const arg of args) {
      if (typeof arg === 'string' && FILTERED_LOGS.some(l => arg.includes(l))) {
        return false;
      }
    }
    return true;
  },
  testsFinishTimeout: 60000,
  testFramework: {
    config: {
      timeout: 5000,
      retries: 1
    }
  },
  coverageConfig: {
    report: true,
    reportDir: '.coverage',
    exclude: ['src/lib/*', 'src/lib/core/**', 'src/lib/**/index.ts', 'src/lib/**/*.{html,scss,json}', '**/node_modules/**'],
    threshold: {
      statements: 98.5,
      branches: 95.5,
      functions: 96.5,
      lines: 98.5
    }
  },
  groups: [
    { name: 'lib', files: 'src/lib/**/*.test.ts' },
    ...directoryGroup('src/lib').reduce((paths, dirName) => {
      paths.push({
        name: dirName,
        files: `src/lib/${dirName}/**/*.test.ts`
      });
      return paths;
    }, [])
  ],
  group: 'lib',
  plugins: [
    sendKeysPlugin(),
    sendMousePlugin(),
    setViewportPlugin(),
    inlineScss(),
    esbuildPlugin({
      ts: true,
      tsconfig: fileURLToPath(new URL('./src/tsconfig-test.json', import.meta.url)),
      loaders: {
        '.html': 'text',
        '.scss': 'text'
      }
    })
  ]
};