use vitest, configure eslint and tsconfig properly

Author: emrberk

.eslintrc.js

@@ -90,6 +90,7 @@ module.exports = {
     "@typescript-eslint/no-unused-vars": "warn",
     "@typescript-eslint/strict-boolean-expressions": "off",
     "@typescript-eslint/restrict-template-expressions": "off",
+    "@typescript-eslint/no-unsafe-call": "off",
     "quote-props": ["error", "as-needed"],
     "object-shorthand": ["error", "always"],
     "no-unused-vars": "off",

jest.config.js

@@ -22,7 +22,7 @@
     "build": "cross-env COMMIT_HASH=$(git rev-parse --short HEAD) vite build",
     "start": "COMMIT_HASH=$(git rev-parse --short HEAD) vite",
     "preview": "vite preview",
-    "test:unit": "TZ=UTC && jest --ci --runInBand",
+    "test:unit": "TZ=UTC vitest run",
     "test:e2e": "cypress run --spec 'e2e/tests/console/*.spec.js'",
     "test:e2e:auth": "cypress run --spec 'e2e/tests/auth/*.spec.js'",
     "test:e2e:enterprise": "cypress run --spec 'e2e/tests/enterprise/*.spec.js'",
@@ -111,7 +111,6 @@
     "@types/babel__core": "^7",
     "@types/draggabilly": "^2.1.6",
     "@types/echarts": "^4.9.22",
-    "@types/jest": "^29.5.14",
     "@types/jquery": "3.5.1",
     "@types/lodash.merge": "^4.6.9",
     "@types/node": "^17.0.41",
@@ -126,7 +125,6 @@
     "@typescript-eslint/eslint-plugin": "^7.7.0",
     "@typescript-eslint/parser": "^7.7.0",
     "@vitejs/plugin-react": "^5.1.0",
-    "babel-jest": "^29.4.2",
     "babel-plugin-import": "^1.13.8",
     "babel-plugin-styled-components": "^2.0.7",
     "bundlewatch": "^0.3.3",
@@ -144,20 +142,18 @@
     "eslint-plugin-react": "7.34.1",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-standard": "5.0.0",
-    "jest": "^29.7.0",
-    "jest-util": "29.7.0",
     "prettier": "^2.5.1",
     "sass": "^1.93.2",
     "stylelint": "^13.13.1",
     "stylelint-config-prettier": "8.0.1",
     "stylelint-config-recommended": "3.0.0",
     "stylelint-config-styled-components": "0.1.1",
     "stylelint-processor-styled-components": "1.10.0",
-    "ts-jest": "^29.2.5",
     "typescript": "^5.7.0",
     "vite": "^7.1.12",
     "vite-plugin-checker": "^0.11.0",
-    "vite-plugin-static-copy": "^3.1.4"
+    "vite-plugin-static-copy": "^3.1.4",
+    "vitest": "^1.6.0"
   },
   "resolutions": {
     "webpack": "^5",

package.json

@@ -4,11 +4,11 @@ describe("arrayEquals", () => {
   const testCases = [
     [[1, 2, 3], [1, 2, 3], true],
     [[], [1], false],
-  ]
+  ] as Array<[number[], number[], boolean]>
 
   testCases.forEach(([left, right, expected]) => {
     test(`arrayEquals(${left.toString()}, ${right.toString()})`, () => {
-      expect(arrayEquals(left, right)).toBe(expected)
+      expect(arrayEquals(left, right)).toEqual(expected)
     })
   })
 })

src/js/console/array-equals.test.js renamed to src/js/console/array-equals.test.ts

@@ -1,4 +1,4 @@
-export function arrayEquals(left, right) {
+export function arrayEquals(left: any[], right: any[]): boolean {
   // if the other array is a falsy value, return
   if (!left || !right) {
     return false

src/js/console/array-equals.js renamed to src/js/console/array-equals.ts

@@ -14,6 +14,12 @@ import {
   compactSQL,
 } from "./utils"
 
+vi.mock("../../../consts", () => ({
+  API: "https://alurin.questdb.io",
+  API_VERSION: "2",
+  BUTTON_ICON_SIZE: "26px",
+}))
+
 describe("getAutoRefreshRate", () => {
   it("should set a correct auto refresh rate for relative periods", () => {
     expect(getAutoRefreshRate("now-5m", "now")).toBe("5s")

src/scenes/Editor/Metrics/utils.test.ts

@@ -17,8 +17,8 @@
     "target": "es5",
     "baseUrl": "./src",
     "rootDir": "./src",
-    "types": ["vite/client"]
+    "types": ["vite/client", "vitest/globals"]
   },
   "include": ["src", "src/vite-env.d.ts"],
-  "exclude": ["**/*.test.ts", "**/*.test.tsx", "**/*.test.js", "**/*.spec.ts", "**/*.spec.tsx", "**/*.spec.js", "node_modules"]
+  "exclude": ["node_modules"]
 }

tsconfig.json

@@ -1,4 +1,5 @@
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig } from 'vite'
+import { loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import { checker } from 'vite-plugin-checker'
 import { viteStaticCopy } from 'vite-plugin-static-copy'
@@ -112,6 +113,12 @@ export default defineConfig(({ mode }) => {
       'import.meta.env.COMMIT_HASH': JSON.stringify(env.COMMIT_HASH || ''),
     },
 
+    test: {
+      environment: 'node',
+      include: 'src/**/*.(test|spec).(ts|tsx|js|jsx)',
+      globals: true,
+    },
+
     server: {
       host: 'localhost',
       port: 9999,
@@ -156,3 +163,5 @@ export default defineConfig(({ mode }) => {
     },
   }
 })
+
+