Merge pull request #97 from Nosto/direct-jsdom-usage

Use JSDOM directly
Nosto · Aug 14, 2024 · e5891f7 · e5891f7
2 parents 9b42aa4 + 2d3f1ac
commit e5891f7
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -73,10 +73,8 @@
   "homepage": "https://github.com/Nosto/nosto-react#readme",
   "jest": {
     "preset": "ts-jest",
-    "testEnvironment": "jsdom",
-    "testEnvironmentOptions": {
-      "resources": "usable",
-      "runScripts": "dangerously"
-    }
+    "setupFiles": [
+      "./spec/setup.js"
+    ]
   }
 }
diff --git a/spec/setup.js b/spec/setup.js
@@ -0,0 +1,14 @@
+const { JSDOM } = require("jsdom")
+
+const { window } = new JSDOM("<html></html>", { 
+    url: "http://localhost", 
+    resources: "usable", 
+    runScripts: "dangerously" })
+global.window = window    
+global.location = window.location
+global.document = window.document
+global.localStorage = window.localStorage
+global.navigator = window.navigator
+
+// test mode flag
+global.window.nostoReactTest = true
diff --git a/src/components/NostoProvider.tsx b/src/components/NostoProvider.tsx
@@ -95,7 +95,7 @@ export default function NostoProvider(props: NostoProviderProps) {
       script.setAttribute("nosto-client-script", "")
 
       script.onload = () => {
-        if (typeof jest !== "undefined") {
+        if ("nostoReactTest" in window) {
           window.nosto?.reload({
             site: "localhost",
           })
@@ -136,7 +136,7 @@ export default function NostoProvider(props: NostoProviderProps) {
         script.setAttribute("nosto-market-id", String(shopifyMarkets?.marketId))
 
         script.onload = () => {
-          if (typeof jest !== "undefined") {
+          if ("nostoReactTest" in window) {
             window.nosto?.reload({
               site: "localhost",
             })