Merge pull request #96 from Nosto/vitest-conversion

Convert to vitest

package.json

@@ -22,40 +22,37 @@
     "clean": "rimraf dist",
     "prettier": "prettier '{src,spec}/**' --list-different",
     "prettier:fix": "prettier '{src,spec}/**' --write",
-    "test": "jest spec",
+    "test": "vitest run --silent",
     "typedoc": "typedoc src/index.ts"
   },
   "files": [
     "dist",
     "src"
   ],
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.5.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/user-event": "^4.1.1",
     "@typescript-eslint/eslint-plugin": "^6.11.0",
     "@typescript-eslint/parser": "^6.11.0",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "eslint": "^8.53.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
     "prettier": "^2.0.5",
     "react": "*",
     "react-dom": "*",
     "react-router": "^6.25.1",
     "react-router-dom": "^6.25.1",
     "rimraf": "^3.0.2",
-    "ts-jest": "^29.1.0",
     "typedoc": "^0.24.1",
     "typescript": "^4.6.3",
     "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.1"
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^2.0.5"
   },
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -69,12 +66,5 @@
   },
   "bugs": {
     "url": "https://github.com/Nosto/nosto-react/issues"
-  },
-  "homepage": "https://github.com/Nosto/nosto-react#readme",
-  "jest": {
-    "preset": "ts-jest",
-    "setupFiles": [
-      "./spec/setup.js"
-    ]
   }
 }

spec/category.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoCategory, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Category page render", async () => {

spec/checkout.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoCheckout, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Checkout page render", async () => {

spec/fohofo.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, Nosto404, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("404 page render", async () => {

spec/home.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoHome, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Home page render", async () => {

spec/module.spec.ts

@@ -1,9 +1,8 @@
+import { test, expect } from "vitest"
 import * as imports from "../src/index"
 
 test("module structure is stable", () => {
-  expect(Object.keys(imports)).toEqual([
-    "NostoContext",
-    "useNostoContext",
+  expect(Object.keys(imports)).toEqual([    
     "Nosto404",
     "NostoOther",
     "NostoCheckout",
@@ -14,6 +13,8 @@ test("module structure is stable", () => {
     "NostoHome",
     "NostoPlacement",
     "NostoProvider",
-    "NostoSession"
+    "NostoSession",
+    "NostoContext",
+    "useNostoContext"
   ])    
 })

spec/navigation.spec.tsx

@@ -1,4 +1,5 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { NostoCategory, NostoHome, NostoPlacement, NostoProduct, NostoProvider } from "../src"
 import RecommendationComponent from "./renderer"
 import { Link, BrowserRouter, Route, Routes, useParams } from "react-router-dom"

spec/nosto.reload.spec.tsx

@@ -1,7 +1,7 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render } from "@testing-library/react"
 import { NostoProvider, NostoHome } from "../src/index"
-import "@testing-library/jest-dom"
 
 test("verify Nosto is not loaded twice", async () => {
   // @ts-expect-error dummy placeholder for Nosto iframe window scope  

spec/other.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoOther, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Other page render", async () => {

spec/product.sku.spec.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react"
+import { test, expect } from "vitest"
 import { fireEvent, render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoPlacement, NostoProduct } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { listenTo, WAIT_FOR_TIMEOUT } from "./utils"
 
 function ProductPage() {

spec/product.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoPlacement, NostoProduct } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Product page render", async () => {

spec/search.spec.tsx

@@ -1,8 +1,8 @@
 import React from "react"
+import { test, expect } from "vitest"
 import { render, screen, waitFor } from "@testing-library/react"
 import { NostoProvider, NostoSearch, NostoPlacement } from "../src/index"
 import RecommendationComponent from "./renderer"
-import "@testing-library/jest-dom"
 import { WAIT_FOR_TIMEOUT } from "./utils"
 
 test("Search page render", async () => {

spec/setup.js

@@ -1,4 +1,5 @@
-const { JSDOM } = require("jsdom")
+import "@testing-library/jest-dom/vitest"
+import { JSDOM } from "jsdom"
 
 const { window } = new JSDOM("<html></html>", { 
     url: "http://localhost", 

vite.config.js

@@ -28,4 +28,10 @@ export default defineConfig({
       },
     },
   },
+  test: {
+    include: ["*.spec.*"],
+    dir: "spec",
+    setupFiles: ['./spec/setup.js'],
+    silent: true    
+  },
 })