Merge pull request #197 from clhenrick/migrate-vitest

fix: migrate tests to vitest

Author: clhenrick

website/.yarn/install-state.gz

@@ -13,7 +13,7 @@ export default defineConfig([
   {
     files: ["**/*.{js,mjs,cjs}"],
     languageOptions: {
-      globals: { ...globals.browser, ...globals.node, ...globals.jest },
+      globals: { ...globals.browser, ...globals.node, ...globals.vitest },
     },
   },
   {

website/eslint.config.js

@@ -30,7 +30,8 @@
     "js:lint": "eslint src/**/*.js",
     "js:lint-fix": "yarn js:lint --fix",
     "format": "prettier --write .",
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "postinstall": "cd .. && husky website/.husky",
     "prepublishOnly": "pinst --disable",
     "postpublish": "pinst --enable"
@@ -50,7 +51,7 @@
     "lodash.throttle": "4.1.1",
     "redux": "4.0.5",
     "redux-logger": "3.0.6",
-    "redux-thunk": "2.3.0",
+    "redux-thunk": "3.1.0",
     "single-line-string": "0.0.2"
   },
   "devDependencies": {
@@ -67,6 +68,7 @@
     "eslint-config-prettier": "^10.1.5",
     "globals": "^16.2.0",
     "husky": ">=6",
+    "jsdom": "^29.0.0",
     "lint-staged": ">=10",
     "npm-run-all": "^4.1.5",
     "pinst": ">=2",
@@ -75,7 +77,9 @@
     "prettier": "3.5.3",
     "sass": "^1.87.0",
     "stylelint": "^16.20.0",
-    "stylelint-config-standard-scss": "^15.0.1"
+    "stylelint-config-standard-scss": "^15.0.1",
+    "vitest": "^4.1.0",
+    "vitest-fetch-mock": "^0.4.5"
   },
   "browserslist": {
     "production": [

website/package.json

@@ -1,5 +1,5 @@
-import * as types from "../constants/actionTypes";
-import { geosearchApiVersion } from "../constants/config";
+import * as types from "../constants/actionTypes.js";
+import { geosearchApiVersion } from "../constants/config.js";
 
 export const resetAddressState = () => ({
   type: types.ResetAddressState,

website/src/js/action_creators/addressGeocodeActions.js

@@ -1,10 +1,6 @@
-import configureMockStore from "redux-mock-store";
-import thunk from "redux-thunk";
-import * as actions from "./addressGeocodeActions";
-import * as types from "../constants/actionTypes";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
+import * as actions from "./addressGeocodeActions.js";
+import * as types from "../constants/actionTypes.js";
+import { createTestStore } from "../test-helpers.js";
 
 describe("addressGeocodeActions", () => {
   beforeEach(() => {
@@ -48,7 +44,7 @@ describe("addressGeocodeActions", () => {
       { type: types.AddressSearchRequest },
       { type: types.AddressSearchSuccess, payload: { features: [] } },
     ];
-    const store = mockStore({
+    const store = createTestStore({
       addressGeocode: { searchResult: null, status: "idle", error: null },
     });
 
@@ -69,7 +65,7 @@ describe("addressGeocodeActions", () => {
         error: new Error("Something bad happened"),
       },
     ];
-    const store = mockStore({
+    const store = createTestStore({
       addressGeocode: { searchResult: null, status: "idle", error: null },
     });
 
@@ -111,7 +107,7 @@ describe("addressGeocodeActions", () => {
       { type: types.AddressAutosuggestRequest },
       { type: types.AddressAutosuggestSuccess, payload: { features: [] } },
     ];
-    const store = mockStore({
+    const store = createTestStore({
       addressGeocode: { autosuggestions: null, status: "idle", error: null },
     });
 
@@ -132,7 +128,7 @@ describe("addressGeocodeActions", () => {
         error: new Error("Something bad happened"),
       },
     ];
-    const store = mockStore({
+    const store = createTestStore({
       addressGeocode: { autosuggestions: null, status: "idle", error: null },
     });
 

website/src/js/action_creators/addressGeocodeActions.spec.js

@@ -1,4 +1,4 @@
-import { ResetAppState } from "../constants/actionTypes";
+import { ResetAppState } from "../constants/actionTypes.js";
 
 export const resetAppState = () => ({
   type: ResetAppState,

website/src/js/action_creators/globalActions.js

@@ -1,4 +1,4 @@
-import { resetAppState } from "./globalActions";
+import { resetAppState } from "./globalActions.js";
 
 describe("global action creators", () => {
   test("resetAppState", () => {

website/src/js/action_creators/globalActions.spec.js

@@ -1,5 +1,5 @@
-export * from "./slidesActions";
-export * from "./addressGeocodeActions";
-export * from "./rentStabilizedActions";
-export * from "./searchRentStabilizedActions";
-export * from "./globalActions";
+export * from "./slidesActions.js";
+export * from "./addressGeocodeActions.js";
+export * from "./rentStabilizedActions.js";
+export * from "./searchRentStabilizedActions.js";
+export * from "./globalActions.js";

website/src/js/action_creators/index.js

@@ -1,7 +1,7 @@
-import { cartoAPIv3BaseURL } from "../constants/config";
-import { rentStabilizedBblSql } from "../utils/sql";
-import { getCartoSqlApiAuthOptions } from "../utils/cartoSqlApiAuth";
-import * as types from "../constants/actionTypes";
+import { cartoAPIv3BaseURL } from "../constants/config.js";
+import { rentStabilizedBblSql } from "../utils/sql.js";
+import { getCartoSqlApiAuthOptions } from "../utils/cartoSqlApiAuth.js";
+import * as types from "../constants/actionTypes.js";
 
 export const rentStabilizedRequest = () => ({
   type: types.RentStabilizedRequest,

website/src/js/action_creators/rentStabilizedActions.js

@@ -1,17 +1,13 @@
-import configureMockStore from "redux-mock-store";
-import thunk from "redux-thunk";
-import * as types from "../constants/actionTypes";
-import * as actions from "./rentStabilizedActions";
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
+import * as types from "../constants/actionTypes.js";
+import * as actions from "./rentStabilizedActions.js";
+import { createTestStore } from "../test-helpers.js";
 
 describe("rentStabilizedActions", () => {
   let store;
 
   beforeEach(() => {
     fetch.resetMocks();
-    store = mockStore({
+    store = createTestStore({
       rentStabilized: {
         status: "idle",
         error: null,