lion/web-test-runner.config.mjs at master · ing-bank/lion · 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
import { litSsrPlugin } from '@lit-labs/testing/web-test-runner-ssr-plugin.js';
// @ts-expect-error
import { playwrightLauncher } from '@web/test-runner-playwright';
import { glob } from 'node:fs/promises';

const config = {
  shouldLoadPolyfill: !process.argv.includes('--no-scoped-registries-polyfill'),
  shouldRunDevMode: process.argv.includes('--dev-mode'),
};

async function getTestGroups() {
  const allDirs = await Promise.all([
    glob('packages/*/test'),
    glob('packages/ui/components/**/test'),
  ]).then(async iters => {
    const all = [];
    for (const iter of iters) for await (const d of iter) all.push(d);
    return all;
  });

  return allDirs.map(dir => ({
    // @ts-expect-error
    name: dir.split('/').at(-2),
    files: `${dir}/**/*.test.js`,
  }));
}

const groups = await getTestGroups();

/**
 * @type {import('@web/test-runner').TestRunnerConfig['testRunnerHtml']}
 */
const testRunnerHtmlWithPolyfill = testRunnerImport =>
  `
<html>
  <head>
    <script src="/node_modules/@webcomponents/scoped-custom-element-registry/scoped-custom-element-registry.min.js"></script>
    <script type="module" src="${testRunnerImport}"></script>
  </head>
</html>
`;

export default {
  nodeResolve: config.shouldRunDevMode ? { exportConditions: ['development'] } : true,
  coverageConfig: {
    report: true,
    reportDir: 'coverage',
    threshold: { statements: 95, functions: 95, branches: 95, lines: 95 },
  },
  testFramework: {
    config: { timeout: '5000' },
  },
  testRunnerHtml: config.shouldLoadPolyfill ? testRunnerHtmlWithPolyfill : undefined,
  browsers: [
    playwrightLauncher({ product: 'firefox', concurrency: 1 }),
    playwrightLauncher({ product: 'chromium' }),
    playwrightLauncher({ product: 'webkit' }),
  ],
  groups,
  filterBrowserLogs(/** @type {{ type: 'error'|'warn'|'debug'; args: string[] }} */ log) {
    return log.type === 'error' || log.type === 'debug';
  },
  plugins: [litSsrPlugin()],
};