switch to vitest for js testing (#1386)

Author: mockdeep

.circleci/config.yml

@@ -77,6 +77,10 @@ jobs:
           name: Stylelint
           command: pnpm stylelint
 
+      - run:
+          name: Vitest
+          command: pnpm vitest run --coverage
+
       - run:
           name: Verify Stylelint Autogen
           command: bundle exec exe/stylelint_autogen

config/routes.rb

@@ -38,13 +38,4 @@
   get "/starred", to: "stories#starred"
   put "/stories/:id", to: "stories#update"
   post "/stories/mark_all_as_read", to: "stories#mark_all_as_read"
-
-  unless Rails.env.production?
-    require_relative "../spec/javascript/test_controller"
-
-    get "/test", to: "test#index"
-    get "/spec/*splat", to: "test#spec"
-    get "/vendor/js/*splat", to: "test#vendor"
-    get "/vendor/css/*splat", to: "test#vendor"
-  end
 end

eslint.config.mjs

@@ -23,16 +23,8 @@ export default [
   {
     files: ["spec/javascript/spec/**"],
     languageOptions: {
+      sourceType: "module",
       globals: {
-        describe: "readonly",
-        it: "readonly",
-        before: "readonly",
-        beforeEach: "readonly",
-        afterEach: "readonly",
-        sinon: "readonly",
-        chai: "readonly",
-        mocha: "readonly",
-        initMochaPhantomJS: "readonly",
         Story: "readonly",
         StoryView: "readonly",
         StoryList: "readonly",

package.json

@@ -2,7 +2,8 @@
   "private": true,
   "scripts": {
     "eslint": "eslint app/assets/javascripts/ spec/javascript/spec/",
-    "stylelint": "stylelint 'app/assets/stylesheets/**/*.css'"
+    "stylelint": "stylelint 'app/assets/stylesheets/**/*.css'",
+    "test": "vitest run --coverage"
   },
   "dependencies": {
     "@fontsource/lato": "^5.2.7",
@@ -17,18 +18,15 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",
-    "chai": "1.6.0",
-    "chai-backbone": "0.9.4",
-    "chai-changes": "1.3.6",
+    "@vitest/coverage-v8": "4.0.18",
     "eslint": "^9.21.0",
     "globals": "^16.0.0",
-    "mocha": "3.5.0",
-    "sinon": "1.7.1",
-    "sinon-chai": "2.14.0",
+    "jsdom": "^28.0.0",
     "stylelint": "^17.3.0",
     "stylelint-config-recess-order": "^7.6.1",
     "stylelint-config-standard": "^40.0.0",
-    "stylelint-selector-bem-pattern": "^4.0.1"
+    "stylelint-selector-bem-pattern": "^4.0.1",
+    "vitest": "^4.0.18"
   },
   "packageManager": "pnpm@10.4.1"
 }