✅ [open-formulieren/open-forms#3680] Updated tests/stories

Author: SilviaAmAm

src/components/LoginOptions/LoginOptions.stories.js

@@ -17,10 +17,11 @@ export default {
 };
 
 export const Display = {
-  render: ({loginAsYourselfOptions, loginAsGemachtigdeOptions}) => (
+  render: ({loginAsYourselfOptions, loginAsGemachtigdeOptions, cosignLoginOptions}) => (
     <LoginOptionsDisplay
       loginAsYourselfOptions={loginAsYourselfOptions}
       loginAsGemachtigdeOptions={loginAsGemachtigdeOptions}
+      cosignLoginOptions={cosignLoginOptions}
     />
   ),
   args: {
@@ -76,18 +77,26 @@ export const Display = {
         url: '#',
       },
     ],
+    cosignLoginOptions: [
+      {
+        identifier: 'digid',
+        label: 'DigiD',
+        logo: {
+          appearance: 'dark',
+          href: 'https://www.digid.nl/',
+          title: 'DigiD',
+          imageSrc: './digid.png',
+        },
+        url: '#',
+      },
+    ],
   },
 };
 
-const render = ({
-  loginRequired = false,
-  loginOptions = [],
-  cosignLoginInfo = undefined,
-  onFormStart,
-}) =>
+const render = ({loginRequired = false, loginOptions = [], cosignLoginOptions = [], onFormStart}) =>
   console.log(onFormStart) || (
     <LoginOptions
-      form={buildForm({loginRequired, loginOptions, cosignLoginInfo})}
+      form={buildForm({loginRequired, loginOptions, cosignLoginOptions})}
       onFormStart={onFormStart}
     />
   );
@@ -214,17 +223,19 @@ export const WithCoSignOption = {
         isForGemachtigde: false,
       },
     ],
-    cosignLoginInfo: {
-      identifier: 'digid',
-      label: 'DigiD',
-      url: '#',
-      logo: {
-        title: 'DigiD simulatie',
-        imageSrc: './digid.png',
-        href: 'https://www.digid.nl/',
-        appearance: 'dark',
+    cosignLoginOptions: [
+      {
+        identifier: 'digid',
+        label: 'DigiD',
+        url: '#',
+        logo: {
+          title: 'DigiD simulatie',
+          imageSrc: './digid.png',
+          href: 'https://www.digid.nl/',
+          appearance: 'dark',
+        },
+        isForGemachtigde: false,
       },
-      isForGemachtigde: false,
-    },
+    ],
   },
 };

src/components/LoginOptions/tests.spec.js

@@ -30,7 +30,7 @@ afterEach(() => {
 });
 
 it('Login not required, options wrapped in form tag', () => {
-  const form = buildForm({loginRequired: false, loginOptions: []});
+  const form = buildForm({loginRequired: false, loginOptions: [], cosignLoginOptions: []});
   const onFormStart = jest.fn(e => e.preventDefault());
 
   act(() => {
@@ -67,6 +67,7 @@ it('Login required, options not wrapped in form tag', () => {
         isForGemachtigde: false,
       },
     ],
+    cosignLoginOptions: [],
   });
   const onFormStart = jest.fn(e => e.preventDefault());
 
@@ -114,6 +115,7 @@ it('Login button has the right URL after cancelling log in', () => {
         isForGemachtigde: false,
       },
     ],
+    cosignLoginOptions: [],
   });
 
   const onFormStart = jest.fn(e => e.preventDefault());