@wise/dynamic-flow-client-internal 5.31.0-experimental-a2135d6 → 5.31.0

package/build/tests/RequestCache.test.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import { DynamicFlow } from '../dynamicFlow/DynamicFlow';
+import { renderWithProviders, respondWith } from '../test-utils';
+describe('Initialising DF with a request cache', () => {
+    const defaultProps = {
+        flowId: 'test',
+        initialAction: { url: '/initial-request', method: 'GET' },
+        onCompletion: vi.fn(),
+        onError: vi.fn(),
+    };
+    const initialStep = {
+        id: 'step-id',
+        title: 'Cached step',
+        layout: [],
+        schemas: [],
+    };
+    it('uses the cache value instead of making a network request', async () => {
+        const mockHttpClient = vi.fn().mockImplementation((input, init) => {
+            return respondWith(Object.assign(Object.assign({}, initialStep), { title: 'Fetched step' }));
+        });
+        const cache = [
+            [
+                ['/initial-request', { method: 'GET', headers: [['content-type', 'application/json']] }],
+                Promise.resolve(respondWith(initialStep)),
+            ],
+        ];
+        renderWithProviders(_jsx(DynamicFlow, Object.assign({}, defaultProps, { requestCache: cache, customFetch: mockHttpClient })));
+        await waitFor(() => {
+            expect(screen.getByText('Cached step')).toBeInTheDocument();
+        });
+        expect(mockHttpClient).not.toHaveBeenCalled();
+    });
+});

package/build/tests/SCARejectionHandling.test.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { vi } from 'vitest';
+import { DynamicFlow } from '../dynamicFlow/DynamicFlow';
+import { wait } from '../test-utils';
+import { renderWithProviders } from '../test-utils/rtl-utils';
+const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+describe('SCA rejection handling', () => {
+    const initialStep = {
+        id: 'step-id',
+        title: 'SCA Integration',
+        schemas: [],
+        layout: [
+            {
+                type: 'button',
+                title: 'Submit',
+                behavior: {
+                    type: 'action',
+                    action: { url: '/sca-request' },
+                },
+            },
+        ],
+    };
+    describe('when SCA modal is closed (the SCA request rejects with `new Error("SCA_MODAL_CLOSED")`)', () => {
+        it('should show NOT show an error message', async () => {
+            const props = {
+                flowId: 'test',
+                initialStep,
+                customFetch: async () => {
+                    await wait(1);
+                    throw new Error('SCA_MODAL_CLOSED');
+                },
+                onCompletion: vi.fn(),
+                onError: vi.fn(),
+            };
+            renderWithProviders(_jsx(DynamicFlow, Object.assign({}, props)));
+            // renderWithProviders results in one <div role="alert" class="snackbar"> which is empty
+            expect(screen.getAllByRole('alert')).toHaveLength(1);
+            // click submit button
+            await user.click(screen.getByRole('button', { name: /submit/i }));
+            // wait for the SCA modal to be closed (simulated)
+            await act(async () => vi.advanceTimersByTimeAsync(200));
+            // we should not see any other alerts in this screen
+            expect(screen.getAllByRole('alert')).toHaveLength(1); // same as before submission
+        });
+    });
+    describe('when SCA request rejects with a different error', () => {
+        it('should show an error message', async () => {
+            const props = {
+                flowId: 'test',
+                initialStep,
+                customFetch: async () => {
+                    await wait(1);
+                    throw new Error('SCA_REQUEST_REJECTED');
+                },
+                onCompletion: vi.fn(),
+                onError: vi.fn(),
+            };
+            renderWithProviders(_jsx(DynamicFlow, Object.assign({}, props)));
+            // renderWithProviders results in one <div role="alert" class="snackbar"> which is empty
+            expect(screen.getAllByRole('alert')).toHaveLength(1);
+            // click submit button
+            await user.click(screen.getByRole('button', { name: /submit/i }));
+            // wait for the SCA modal to be closed (simulated)
+            await waitFor(() => {
+                expect(screen.getByText(/something went wrong/i)).toBeInTheDocument();
+            });
+        });
+    });
+});