feat: fix e2e tests

collections/forms/i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-09-09T12:09:30.724Z\n"
-"PO-Revision-Date: 2024-09-09T12:09:30.724Z\n"
+"POT-Creation-Date: 2024-11-12T09:49:07.571Z\n"
+"PO-Revision-Date: 2024-11-12T09:49:07.571Z\n"
 
 msgid "Upload file"
 msgstr "Upload file"

components/simple-transfer/src/__e2e__/disabled-transfer-buttons.e2e.stories.js

@@ -4,7 +4,7 @@ import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
 export default {
-    title: 'Simple Transfer Disabled SimpleTransfer Buttons',
+    title: 'SimpleTransfer Disabled SimpleTransfer Buttons',
     decorators: [statefulDecorator()],
 }
 

components/simple-transfer/src/__e2e__/disabled-transfer-options.e2e.stories.js

@@ -4,7 +4,7 @@ import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
 export default {
-    title: 'Simple Transfer Disabled Source Options',
+    title: 'SimpleTransfer Disabled Source Options',
     decorators: [statefulDecorator()],
 }
 

components/simple-transfer/src/__e2e__/display-order.e2e.stories.js

@@ -3,7 +3,7 @@ import { SimpleTransfer } from '../simple-transfer.js'
 import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
-export default { title: 'Simple Transfer Display Order' }
+export default { title: 'SimpleTransfer Display Order' }
 
 window.options = options
 

components/simple-transfer/src/__e2e__/filter-options-list.e2e.stories.js

@@ -4,7 +4,7 @@ import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
 export default {
-    title: 'Simple Transfer filtering',
+    title: 'SimpleTransfer filtering',
     decorators: [statefulDecorator()],
 }
 

components/simple-transfer/src/__e2e__/loading_lists.e2e.stories.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { SimpleTransfer } from '../simple-transfer.js'
 import { options } from './common/options.js'
 
-export default { title: 'Simple Transfer Loading Lists' }
+export default { title: 'SimpleTransfer Loading Lists' }
 
 export const LoadingSource = () => (
     <SimpleTransfer

components/simple-transfer/src/__e2e__/notify_at_end_of_list.e2e.stories.js

@@ -1,10 +1,10 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { SimpleTransfer } from '../simple-transfer.js'
 import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
 export default {
-    title: 'Simple Transfer End Of List',
+    title: 'SimpleTransfer End Of List',
     decorators: [statefulDecorator()],
 }
 
@@ -16,23 +16,37 @@ window.onEndReachedPicked = window.Cypress
     ? window.Cypress.cy.stub()
     : () => console.log('onEndReachedPicked')
 
-export const FullSourceList = (_, { selected, onChange }) => (
-    <SimpleTransfer
-        options={options}
-        selected={selected}
-        onChange={onChange}
-        onEndReached={window.onEndReached}
-    />
-)
+export const FullSourceList = (_, { selected, onChange }) => {
+    const [shownOptions, setShownOptions] = useState(options.slice(0, 4))
 
-export const FullPickedList = (_, { selected, onChange }) => (
-    <SimpleTransfer
-        options={options}
-        selected={selected}
-        onChange={onChange}
-        onEndReachedPicked={window.onEndReachedPicked}
-    />
-)
+    return (
+        <SimpleTransfer
+            options={shownOptions}
+            selected={selected}
+            onChange={onChange}
+            onEndReached={() => {
+                setShownOptions(options)
+                window.onEndReached()
+            }}
+        />
+    )
+}
+
+export const FullPickedList = (_, { selected, onChange }) => {
+    const [shownOptions, setShownOptions] = useState(options.slice(0, 4))
+
+    return (
+        <SimpleTransfer
+            options={shownOptions}
+            selected={selected}
+            onChange={onChange}
+            onEndReachedPicked={() => {
+                setShownOptions(options)
+                window.onEndReachedPicked()
+            }}
+        />
+    )
+}
 
 FullPickedList.story = {
     decorators: [

components/simple-transfer/src/__e2e__/reorder-with-buttons.e2e.stories.js

@@ -3,7 +3,7 @@ import { SimpleTransfer } from '../simple-transfer.js'
 import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
-export default { title: 'Simple Transfer Reorder Buttons' }
+export default { title: 'SimpleTransfer Reorder Buttons' }
 
 export const HasSomeSelected = (_, { selected, onChange }) => (
     <SimpleTransfer

components/simple-transfer/src/__e2e__/transferring-items.e2e.stories.js

@@ -4,7 +4,7 @@ import { options } from './common/options.js'
 import { statefulDecorator } from './common/stateful-decorator.js'
 
 export default {
-    title: 'Simple Transfer Transferring Items',
+    title: 'SimpleTransfer Transferring Items',
     decorators: [statefulDecorator()],
 }