Chore/move requiring confimration tests (#2779)

* move requiring confirmation tests out of testcafe * fix import
Adyen · Aug 7, 2024 · fc126cf · fc126cf
1 parent 6b75a57
commit fc126cf
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 77 deletions.
diff --git a/...ages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.clientScripts.js b/...ages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.clientScripts.js
diff --git a/packages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.mocks.js b/packages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.mocks.js
diff --git a/packages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.test.js b/packages/e2e/tests/giftcards/onRequiringConfirmation/onRequiringConfirmation.test.js
diff --git a/packages/lib/src/components/Giftcard/Giftcard.test.tsx b/packages/lib/src/components/Giftcard/Giftcard.test.tsx
@@ -247,4 +247,62 @@ describe('Giftcard', () => {
             expect(onSubmit).toHaveBeenCalled();
         });
     });
+
+    describe('onRequiringConfirmation handling', () => {
+        test('should require confirmation and resolve payment', async () => {
+            const onBalanceCheck = jest.fn(resolve =>
+                resolve({
+                    balance: { value: 2000, currency: 'EUR' }
+                })
+            );
+            const onOrderRequest = jest.fn(resolve => resolve({}));
+            const onSubmit = jest.fn();
+            const onRequiringConfirmation = jest.fn(resolve => resolve());
+
+            // mounting and clicking pay button
+            const giftcard = new Giftcard(global.core, {
+                ...baseProps,
+                onBalanceCheck,
+                onOrderRequest,
+                onRequiringConfirmation,
+                onSubmit
+            });
+            render(giftcard.render());
+            giftcard.setState({ isValid: true });
+            const payButton = await screen.findByRole('button');
+            await user.click(payButton);
+
+            expect(onOrderRequest).not.toHaveBeenCalled();
+            expect(onRequiringConfirmation).toHaveBeenCalled();
+            expect(onSubmit).toHaveBeenCalled();
+        });
+
+        test('should require confirmation and cancel payment', async () => {
+            const onBalanceCheck = jest.fn(resolve =>
+                resolve({
+                    balance: { value: 2000, currency: 'EUR' }
+                })
+            );
+            const onOrderRequest = jest.fn(resolve => resolve({}));
+            const onSubmit = jest.fn();
+            const onRequiringConfirmation = jest.fn(({ reject }) => reject());
+
+            // mounting and clicking pay button
+            const giftcard = new Giftcard(global.core, {
+                ...baseProps,
+                onBalanceCheck,
+                onOrderRequest,
+                onRequiringConfirmation,
+                onSubmit
+            });
+            render(giftcard.render());
+            giftcard.setState({ isValid: true });
+            const payButton = await screen.findByRole('button');
+            await user.click(payButton);
+
+            expect(onOrderRequest).not.toHaveBeenCalled();
+            expect(onRequiringConfirmation).toHaveBeenCalled();
+            expect(onSubmit).not.toHaveBeenCalled();
+        });
+    });
 });