chore: sayonara, karma! (#5590)

* chore: remove integration-karma directory

* chore: update references to integration-karma

* chore: remove more references to karma

* chore: update lockfile to remove karma deps

Author: wjhsf

.github/workflows/karma.yml

@@ -143,8 +143,8 @@ Some other polyfills are not separate packages but instead part of LWC's core lo
 
 There are several private internal packages for tests and performance benchmarking:
 
-- `@lwc/integration-karma`: primary client-side LWC test suite, using Karma
-- `@lwc/integration-tests`: WebDriverIO tests, used for anything Karma can't do, such as user agent gestures such as changing focus
+- `@lwc/integration-not-karma`: primary client-side LWC test suite, using Web Test Runner
+- `@lwc/integration-tests`: WebDriverIO tests, used for anything WTR can't do, such as user agent gestures such as changing focus
 - `@lwc/integration-types`: TypeScript tests, i.e. tests for the types themselves
 - `@lwc/perf-benchmarks`: Performance micro-benchmarks for either Best or Tachometer
 - `@lwc/perf-benchmarks-components`: Collection of components used by the above (split into a separate package due to Tachometer restrictions)

ARCHITECTURE.md

@@ -97,19 +97,19 @@ Test fixtures are file-based tests that are executed using a helper called [`tes
 
 When developing LWC, use integration testing to ensure functionality is correctly reflected in the browser. This repo has two integration test suites.
 
-- @lwc/integration-karma: Contains all integration tests that can run with javascript only. For information about usage and contribution, refer to this [documentation][integration-karma-readme].
+- @lwc/integration-web-test-runner: Contains all integration tests that can run with javascript only. For information about usage and contribution, refer to this [documentation][integration-wtr-readme].
 - @lwc/integration-tests: Contains all other integration tests that require web driver API support (e.g., focus, keyboard navigation). For information about usage and contribution, refer to this [documentation][integration-test-readme].
 
-To run the Karma tests from the root:
+To run the Web Test Runner tests from the root:
 
 ```shell
-yarn test:karma
+yarn test:wtr
 ```
 
 To run in watch mode:
 
 ```shell
-yarn test:karma:start
+yarn test:wtr --manual
 ```
 
 ### Performance testing LWC
@@ -347,7 +347,7 @@ The footer should contain any information about **Breaking Changes** and is also
 [creating-a-pull-request]: https://help.github.com/articles/creating-a-pull-request/
 [eslint-integrations]: http://eslint.org/docs/user-guide/integrations
 [integration-test-readme]: https://github.com/salesforce/lwc/blob/master/packages/@lwc/integration-tests/README.md
-[integration-karma-readme]: https://github.com/salesforce/lwc/blob/master/packages/@lwc/integration-karma/README.md
+[integration-wtr-readme]: https://github.com/salesforce/lwc/blob/master/packages/@lwc/integration-not-karma/README.md
 
 ## Getting your changes reviewed
 

CONTRIBUTING.md

@@ -19,9 +19,9 @@
          alt="unit tests build status">
   </a>
 
-  <a href="https://github.com/salesforce/lwc/actions/workflows/karma.yml?query=branch%3Amaster">
-    <img src="https://github.com/salesforce/lwc/actions/workflows/karma.yml/badge.svg"
-         alt="karma tests build status">
+  <a href="https://github.com/salesforce/lwc/actions/workflows/web-test-runner.yml?query=branch%3Amaster">
+    <img src="https://github.com/salesforce/lwc/actions/workflows/web-test-runner.yml/badge.svg"
+         alt="web-test-runner tests build status">
   </a>
 
   <a href="https://github.com/salesforce/lwc/actions/workflows/integration.yml?query=branch%3Amaster">

README.md

@@ -218,7 +218,7 @@ export default tseslint.config(
         },
     },
     {
-        files: ['packages/@lwc/integration-karma/**', 'packages/@lwc/integration-not-karma/**'],
+        files: ['packages/@lwc/integration-not-karma/**'],
 
         languageOptions: {
             globals: {
@@ -365,20 +365,6 @@ export default tseslint.config(
             },
         },
     },
-    {
-        files: ['packages/@lwc/integration-karma/**'],
-
-        languageOptions: {
-            globals: {
-                lwcRuntimeFlags: true,
-                process: true,
-                LWC: true,
-                TestUtils: true,
-                ...globals.browser,
-                ...globals.jasmine,
-            },
-        },
-    },
     {
         files: ['packages/@lwc/synthetic-shadow/**'],
 

eslint.config.mjs

@@ -15,7 +15,7 @@ import type { Stylesheet } from '@lwc/shared';
 
 let warned = false;
 
-// Only used in LWC's Karma tests
+// Only used in LWC's integration tests
 if (process.env.NODE_ENV === 'test-lwc-integration') {
     (window as any).__lwcResetWarnedOnVersionMismatch = () => {
         warned = false;

packages/@lwc/engine-core/src/framework/check-version-mismatch.ts

@@ -75,7 +75,7 @@ export function getComponentAPIVersion(Ctor: LightningElementConstructor): APIVe
     const apiVersion: APIVersion | undefined = metadata?.apiVersion;
 
     if (isUndefined(apiVersion)) {
-        // This should only occur in our Karma tests; in practice every component
+        // This should only occur in our integration tests; in practice every component
         // is registered, and so this code path should not get hit. But to be safe,
         // return the lowest possible version.
         return LOWEST_API_VERSION;

packages/@lwc/engine-core/src/framework/component.ts

@@ -24,7 +24,7 @@ const fragmentCache: WeakMap<string[], Element>[] = ArrayFrom(
     () => new WeakMap()
 );
 
-// Only used in LWC's Karma tests
+// Only used in LWC's integration tests
 if (process.env.NODE_ENV === 'test-lwc-integration') {
     (window as any).__lwcResetFragmentCache = () => {
         for (let i = 0; i < fragmentCache.length; i++) {

packages/@lwc/engine-core/src/framework/fragment-cache.ts

@@ -33,7 +33,7 @@ let activeComponents: WeakMultiMap<LightningElementConstructor, VM> =
     /*@__PURE__@*/ new WeakMultiMap();
 let activeStyles: WeakMultiMap<Stylesheet, VM> = /*@__PURE__@*/ new WeakMultiMap();
 
-// Only used in LWC's Karma tests
+// Only used in LWC's integration tests
 if (process.env.NODE_ENV === 'test-lwc-integration') {
     // Used to reset the global state between test runs
     (window as any).__lwcResetHotSwaps = () => {

packages/@lwc/engine-core/src/framework/hot-swaps.ts

@@ -36,7 +36,7 @@ const VALID_SCOPE_TOKEN_REGEX = /^[a-zA-Z0-9\-_]+$/;
 let stylesheetsToCssContent: WeakMap<Stylesheet, Set<string>> = /*@__PURE__@*/ new WeakMap();
 let cssContentToAbortControllers: Map<string, AbortController> = /*@__PURE__@*/ new Map();
 
-// Only used in LWC's Karma tests
+// Only used in LWC's integration tests
 if (process.env.NODE_ENV === 'test-lwc-integration') {
     // Used to reset the global state between test runs
     (window as any).__lwcResetStylesheetCache = () => {