Merge pull request #1544 from sul-dlss/fix-jest-tests

Fix JS testing with Jest

jest.config.js

@@ -21,5 +21,6 @@ module.exports = async () => {
       '<rootDir>/spec/javascripts/common_viewer/**/*.js',
       '<rootDir>/spec/javascripts/geo/**/*.js',
     ],
+    testEnvironment: 'jsdom',
   };
 };

package.json

@@ -28,11 +28,12 @@
     "babel-loader": "8",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "canvas": "^2.9.1",
+    "canvas": "^2.11.2",
     "compression-webpack-plugin": "9",
     "fscreen": "^1.0.2",
     "handlebars": "^4.7.7",
     "handlebars-loader": "^1.7.3",
+    "jquery": "^3.7.1",
     "leaflet": "^1.9.3",
     "mirador": "^3.3.0",
     "mirador-dl-plugin": "^0.13.0",
@@ -65,6 +66,8 @@
   ],
   "devDependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "react-refresh": "^0.14.0"
   }
 }

setupJest.js

@@ -1,5 +1,5 @@
 import $ from 'jquery';
-import * as L from 'leaflet-src.js.erb';
+import * as L from 'leaflet';
 
 // make jQuery globally available in tests as both "$" and "jQuery"
 global.jQuery = $;