chore: fixing PR issues Refs: KEH-281

Author: mikkojamG

.storybook/main.js

@@ -6,9 +6,12 @@ module.exports = {
 
   webpackFinal: async (config) => {
     config.resolve.fallback.crypto = require.resolve('crypto-browserify');
+    config.plugins ??= [];
     config.plugins.push(
-      new webpack.DefinePlugin({
-        'process.env': JSON.stringify(process.env),
+      new webpack.EnvironmentPlugin({
+        CMS_GRAPHQL_ENDPOINT: null,
+        EVENTS_GRAPHQL_ENDPOINT: null,
+        LINKED_EVENTS_ENDPOINT: null,
       }),
     );
     return config;

package.json

@@ -139,7 +139,6 @@
     "graphql": "^16.12.0",
     "hds-react": "4.8.1",
     "husky": "^9.1.7",
-    "identity-obj-proxy": "^3.0.0",
     "jsdom": "^29.0.2",
     "lint-staged": "^16.2.7",
     "msw-storybook-addon": "^2.0.6",

src/core/image/__tests__/BackgroundImage.test.tsx

@@ -49,10 +49,13 @@ beforeEach(() => {
   window.Image = function () {
     return mockImage;
   };
+  // globalThis.Image is what `new Image()` resolves to in production code
+  globalThis.Image = window.Image;
 });
 
 afterEach(() => {
   window.Image = originalImage;
+  globalThis.Image = originalImage;
 });
 
 test('renders BackgroundImage url without accessiblity violations', async () => {

src/core/image/__tests__/Image.test.tsx

@@ -49,10 +49,13 @@ beforeEach(() => {
   window.Image = function () {
     return mockImage;
   };
+  // globalThis.Image is what `new Image()` resolves to in production code
+  globalThis.Image = window.Image;
 });
 
 afterEach(() => {
   window.Image = originalImage;
+  globalThis.Image = originalImage;
 });
 
 test('renders image src without accessiblity violations', async () => {

src/core/pageSection/__tests__/PageSection.test.tsx

@@ -49,10 +49,13 @@ beforeEach(() => {
   window.Image = function () {
     return mockImage;
   };
+  // globalThis.Image is what `new Image()` resolves to in production code
+  globalThis.Image = window.Image;
 });
 
 afterEach(() => {
   window.Image = originalImage;
+  globalThis.Image = originalImage;
 });
 
 test('renders image url without accessiblity violations', async () => {

vitest.config.ts

@@ -7,12 +7,6 @@ export default defineConfig({
     globals: true,
     environment: 'jsdom',
     setupFiles: ['./vitest-setup.ts'],
-    alias: [
-      {
-        find: '\\.(css|less|scss|sss|styl)$',
-        replacement: 'identity-obj-proxy',
-      },
-    ],
     css: {
       modules: {
         classNameStrategy: 'non-scoped',

yarn.lock

@@ -7787,11 +7787,6 @@ graphql@^16.12.0, graphql@^16.8.1:
   resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.12.0.tgz#28cc2462435b1ac3fdc6976d030cef83a0c13ac7"
   integrity sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==
 
-harmony-reflect@^1.4.6:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
-  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
-
 has-bigints@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
@@ -8117,13 +8112,6 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
-identity-obj-proxy@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
-  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
-  dependencies:
-    harmony-reflect "^1.4.6"
-
 ignore@^5.1.1, ignore@^5.2.0:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"