Remove karma and mocha

Author: acelaya

gulpfile.js

@@ -55,22 +55,8 @@ gulp.task(
     runTests({
       bootstrapFile: 'test/bootstrap.js',
       rollupConfig: 'rollup-tests.config.js',
-      karmaConfig: 'src/karma.config.cjs',
-      testsPattern: 'src/**/*-test.js',
-    }),
-  ),
-);
-
-// Some (eg. a11y) tests rely on CSS bundles. We assume that JS will always take
-// longer to build than CSS, so build in parallel.
-gulp.task(
-  'test:vitest',
-  gulp.parallel('build-test-css', () =>
-    runTests({
-      bootstrapFile: 'test/bootstrap.js',
-      rollupConfig: 'rollup-tests.config.js',
-      testsPattern: 'src/**/*-test.js',
       vitestConfig: './vitest.config.js',
+      testsPattern: 'src/**/*-test.js',
     }),
   ),
 );

package.json

@@ -40,13 +40,6 @@
     "fancy-log": "^2.0.0",
     "globals": "^16.0.0",
     "gulp": "^5.0.0",
-    "karma": "^6.3.4",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
-    "karma-mocha": "^2.0.0",
-    "karma-mocha-reporter": "^2.0.4",
-    "karma-source-map-support": "^1.4.0",
-    "mocha": "11.1.0",
     "mustache": "^4.2.0",
     "playwright": "^1.51.1",
     "postcss": "^8.3.9",
@@ -67,15 +60,14 @@
     "preact": "^10.25.1"
   },
   "scripts": {
-    "build-lib": "babel src/ --out-dir lib/ --extensions '.js,.ts,.tsx' --source-maps --ignore '**/test' --ignore '**/karma.config.js'",
+    "build-lib": "babel src/ --out-dir lib/ --extensions '.js,.ts,.tsx' --source-maps --ignore '**/test'",
     "build": "yarn build-lib && tsc --build src/tsconfig.json",
     "build-pattern-lib": "yarn gulp bundle-css && yarn rollup -c rollup.config.js",
     "typecheck": "tsc --build src/tsconfig.json",
     "lint": "eslint --cache .",
     "checkformatting": "prettier --cache --check '**/*.{js,scss,ts,tsx,md}'",
     "format": "prettier --cache --list-different --write '**/*.{js,scss,ts,tsx,md}'",
     "test": "gulp test",
-    "test:vitest": "gulp test:vitest",
     "push": "yarn build && yalc push"
   },
   "prettier": {

src/components/transition/Slider.tsx

@@ -82,7 +82,6 @@ const Slider: TransitionComponent = ({
       // See https://bugs.chromium.org/p/chromium/issues/detail?id=961193
       //
       // @ts-ignore
-      // eslint-disable-next-line react/no-unknown-property
       ontransitionend={handleTransitionEnd}
       ref={containerRef}
       style={{

src/karma.config.cjs

@@ -21,7 +21,6 @@
   "include": ["**/*.ts", "**/*.js", "**/*.tsx", "types/*.d.ts"],
   "exclude": [
     // Tests are not checked.
-    "**/test/**/*.js",
-    "karma.config.js"
+    "**/test/**/*.js"
   ]
 }

src/tsconfig.json

@@ -8,8 +8,7 @@ import sinon from 'sinon';
 // Expose the sinon assertions.
 sinon.assert.expose(assert, { prefix: null });
 
-// Expose these globally, to avoid dependency on outdated karma-chai and
-// karma-sinon plugins
+// Expose these globally, to use with vitest
 globalThis.assert = assert;
 globalThis.sinon = sinon;
 globalThis.context = globalThis.context ?? globalThis.describe;