test(monorepo): update MSW and other dependencies to latest (#1629)

Author: bardisg

jest.preset.js

@@ -74,7 +74,7 @@ module.exports = {
   },
   setupFilesAfterEnv: ['../../jest/jest.setup-dom.js'],
   setupFiles: ['core-js', 'jest-date-mock', '../../jest/jest.polyfills.js'],
-  testEnvironment: 'jest-environment-jsdom',
+  testEnvironment: '../../jest/jsdom-extended.js',
   testRunner: 'jest-circus/runner',
   cacheDirectory: '../../node_modules/.cache/unit-tests',
   watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],

jest/jest.polyfills.js

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
-
 require('isomorphic-fetch');
 
 // Mocking Math random
@@ -18,7 +16,3 @@ console.warn = jest.fn();
 console.error = jest.fn();
 // Mock browsers sendBeacon utility
 navigator.sendBeacon = jest.fn();
-
-import { TextEncoder, TextDecoder } from 'util';
-
-Object.assign(global, { TextDecoder, TextEncoder });

jest/jsdom-extended.js

@@ -0,0 +1,26 @@
+import JSDOMEnvironment from 'jest-environment-jsdom';
+
+// Adding relevant polyfilled extensions in the JSDOm to have msw v2 working
+// More on: https://github.com/mswjs/msw/issues/1916#issuecomment-1919965699
+class JSDOMEnvironmentExtended extends JSDOMEnvironment {
+  constructor(...args) {
+    super(...args);
+
+    this.global.ReadableStream = ReadableStream;
+    this.global.TextDecoder = TextDecoder;
+    this.global.TextEncoder = TextEncoder;
+
+    this.global.Blob = Blob;
+    this.global.File = File;
+    this.global.Headers = Headers;
+    this.global.FormData = FormData;
+    this.global.Request = Request;
+    this.global.Response = Response;
+    this.global.Request = Request;
+    this.global.Response = Response;
+    this.global.fetch = fetch;
+    this.global.structuredClone = structuredClone;
+  }
+}
+
+module.exports = JSDOMEnvironmentExtended;