@transferwise/components 45.25.0 → 45.25.2

package/src/phoneNumberInput/PhoneNumberInput.spec.js

@@ -1,28 +1,14 @@
 import { shallow, mount } from 'enzyme';
 import { useIntl } from 'react-intl';
 
+import { mockMatchMedia, mockResizeObserver } from '../test-utils';
+
 import PhoneNumberInput from '.';
 
 jest.mock('react-intl');
 
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // Deprecated
-    removeListener: jest.fn(), // Deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
-
-class ResizeObserver {
-  observe() {}
-  unobserve() {}
-}
+mockMatchMedia();
+mockResizeObserver();
 
 const simulatePaste = (element, value) =>
   element.simulate('paste', { nativeEvent: { clipboardData: { getData: () => value } } });
@@ -112,8 +98,6 @@ describe('Given a telephone number component', () => {
   });
 
   describe('when pasting', () => {
-    window.ResizeObserver = ResizeObserver;
-
     beforeEach(() => {
       component = mount(<PhoneNumberInput {...props} initialValue="+39123456789" />);
       select = () => component.find(PREFIX_SELECT_SELECTOR);

package/src/select/Select.js

@@ -76,6 +76,9 @@ const getUniqueIdForOption = (parentId = '', option) => {
   return `option-${parentId}-${uniqueOptionId}`;
 };
 
+/**
+ * @deprecated Use `SelectInput` instead (https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput)
+ */
 export default function Select({
   placeholder,
   id,

package/src/test-utils/window-mock.ts

@@ -17,3 +17,14 @@ export function mockMatchMedia() {
     }),
   });
 }
+
+export function mockResizeObserver() {
+  // mock ResizeObserver because it's not implemented in jsdoc lib
+  // https://github.com/jsdom/jsdom/issues/3368
+  // eslint-disable-next-line compat/compat
+  window.ResizeObserver = class ResizeObserver {
+    observe = jest.fn();
+    unobserve = jest.fn();
+    disconnect = jest.fn();
+  };
+}