@transferwise/components 0.0.0-experimental-89c4b74 → 0.0.0-experimental-32a8cf4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-89c4b74",
+  "version": "0.0.0-experimental-32a8cf4",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/inputs/SelectInput.test.story.tsx

@@ -5,6 +5,7 @@ import { Field } from '../field/Field';
 import { SelectInput, type SelectInputProps } from './SelectInput';
 import { lorem5, lorem500 } from '../test-utils';
 import Body from '../body';
+import { allModes } from '../../.storybook/modes';
 
 const meta = {
   title: 'Forms/SelectInput/tests',
@@ -21,6 +22,11 @@ export default meta;
 
 type Story<T, M extends boolean = false> = StoryObj<SelectInputProps<T, M>>;
 
+const wait = async (duration = 1000) =>
+  new Promise<void>((resolve) => {
+    setTimeout(resolve, duration);
+  });
+
 /**
  * This test ensures that when the SelectInput is used within a scrollable page,
  * opening the dropdown does not cause any unwanted scrolling or layout shifts.
@@ -55,15 +61,25 @@ export const SmoothScrollReset: Story<string> = {
       </>
     ),
   ],
-  play: async ({ canvasElement, step }) => {
-    window.scrollTo({ top: 400, behavior: 'instant' });
+  play: async ({ canvasElement }) => {
+    document.documentElement.scrollTop = 400;
+    document.body.scrollTop = 400;
+    window.scrollTo(0, 400);
+    window.scroll(0, 400);
+
     const canvas = within(canvasElement);
     const triggerButton = canvas.getByRole('combobox');
     await userEvent.click(triggerButton);
   },
+  globals: {
+    viewport: { value: allModes.largeMobile.viewport, isRotated: false },
+  },
   parameters: {
     chromatic: {
-      delay: 1000,
+      delay: 2000,
+      modes: {
+        largeMobile: allModes.largeMobile,
+      }
     },
   },
 };