chore: make tests great again

Author: David Enke

globals.d.ts

@@ -15,13 +15,19 @@ declare module '@custom-elements-manifest/to-markdown' {
   ): string;
 }
 
-declare module '@custom-elements-manifest/analyzer/browser/index.js' {
+declare module '@custom-elements-manifest/analyzer/index.js' {
   import type { Plugin } from '@custom-elements-manifest/analyzer';
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const create: (options: { modules: any[]; plugins: Plugin[]; context: { dev: boolean } }) => any;
   const ts: typeof import('typescript');
-  const litPlugin: () => Plugin[];
-  export { create, litPlugin, ts };
+
+  export { create, ts };
+}
+
+declare module '@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js' {
+  import type { Plugin } from '@custom-elements-manifest/analyzer';
+
+  export const litPlugin: () => Plugin[];
 }
 
 declare module 'esbuild-copy-static-files' {
@@ -41,3 +47,11 @@ declare module 'esbuild-copy-static-files' {
   const copyStaticFiles: (options?: Partial<CopyStaticFilesOptions>) => Plugin;
   export default copyStaticFiles;
 }
+
+declare module '@remcovaes/web-test-runner-vite-plugin' {
+  import type { TestRunnerCoreConfig, TestRunnerPlugin } from '@web/test-runner-core';
+  import type { UserConfig } from 'vite';
+
+  export function vitePlugin(config?: UserConfig): TestRunnerPlugin;
+  export const removeViteLogging: TestRunnerCoreConfig['filterBrowserLogs'];
+}

jest.config.ts

@@ -1,15 +1,16 @@
 import type { JestConfigWithTsJest } from 'ts-jest';
+import { createDefaultEsmPreset } from 'ts-jest';
 
-// Sync object
-const config: JestConfigWithTsJest = {
-  extensionsToTreatAsEsm: ['.ts'],
-  preset: 'ts-jest/presets/default-esm',
-  testEnvironment: 'node',
-  testMatch: ['<rootDir>/src/**/*(*.)@(spec|test).[tj]s'],
-  testPathIgnorePatterns: ['/node_modules/'],
+const esmPreset = createDefaultEsmPreset({ tsconfig: 'tsconfig.json' });
+const jestConfig: JestConfigWithTsJest = {
+  ...esmPreset,
+  // Typescript imports as `*.js` must be mapped manually
+  // https://github.com/swc-project/jest/issues/64
+  // https://stackoverflow.com/a/75833026/1146207
+  moduleNameMapper: { '^(\\.\\.?\\/.+)\\.js$': '$1' },
+  // Somehow we need to specify the transform for ESM files
   transform: { '^.+\\.m?[tj]sx?$': ['ts-jest', { useESM: true }] },
   transformIgnorePatterns: ['<rootDir>/node_modules/(?!(@custom-elements-manifest|@github|cem-plugins))'],
-  moduleFileExtensions: ['js', 'mjs', 'cjs', 'jsx', 'd.ts', 'ts', 'tsx', 'json', 'node'],
 };
 
-export default config;
+export default jestConfig;

package.json

@@ -50,7 +50,7 @@
   },
   "jest-junit": {
     "outputDirectory": "reports",
-    "outputName": "test-unit.xml",
+    "outputName": "test.junit.xml",
     "usePathForSuiteName": true
   }
 }

src/cem-plugin-examples/index.spec.ts

@@ -1,8 +1,8 @@
 import { readFile } from 'node:fs/promises';
 import { join, resolve } from 'node:path';
 
-// https://custom-elements-manifest.open-wc.org/analyzer/getting-started/#usage-in-the-browser
-import { create, litPlugin, ts } from '@custom-elements-manifest/analyzer/browser/index.js';
+import { create, ts } from '@custom-elements-manifest/analyzer/index.js';
+import { litPlugin } from '@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js';
 import type { SourceFile } from 'typescript';
 
 import { customElementExamplesPlugin } from './index.js';

src/cem-plugin-generate-readmes/index.spec.ts

@@ -2,8 +2,8 @@ import { existsSync } from 'node:fs';
 import { readFile, rm, writeFile } from 'node:fs/promises';
 import { join, resolve } from 'node:path';
 
-// https://custom-elements-manifest.open-wc.org/analyzer/getting-started/#usage-in-the-browser
-import { create, litPlugin, ts } from '@custom-elements-manifest/analyzer/browser/index.js';
+import { create, ts } from '@custom-elements-manifest/analyzer/index.js';
+import { litPlugin } from '@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js';
 import type { SourceFile } from 'typescript';
 
 import { customElementGenerateReadmesPlugin } from './index.js';

src/cem-plugin-grouping/index.spec.ts

@@ -1,8 +1,8 @@
 import { readFile } from 'node:fs/promises';
 import { join, resolve } from 'node:path';
 
-// https://custom-elements-manifest.open-wc.org/analyzer/getting-started/#usage-in-the-browser
-import { create, litPlugin, ts } from '@custom-elements-manifest/analyzer/browser/index.js';
+import { create, ts } from '@custom-elements-manifest/analyzer/index.js';
+import { litPlugin } from '@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js';
 
 import { customElementGroupingPlugin } from './index.js';
 

src/cem-plugin-inline-readme/index.spec.ts

@@ -1,8 +1,8 @@
 import { readFile } from 'node:fs/promises';
 import { join, resolve } from 'node:path';
 
-// https://custom-elements-manifest.open-wc.org/analyzer/getting-started/#usage-in-the-browser
-import { create, litPlugin, ts } from '@custom-elements-manifest/analyzer/browser/index.js';
+import { create, ts } from '@custom-elements-manifest/analyzer/index.js';
+import { litPlugin } from '@custom-elements-manifest/analyzer/src/features/framework-plugins/lit/lit.js';
 
 import { customElementInlineReadmePlugin } from './index.js';