@wise/dynamic-flow-client 5.8.1 → 5.9.0

package/build/tests/SingleFileUpload.test.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWithProviders } from '../test-utils';
+import DynamicFlowWise from '../test-utils/DynamicFlowWise';
+import { vi } from 'vitest';
+const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+const cases = [
+    [
+        'blob schema',
+        {
+            type: 'blob',
+            source: 'file',
+            title: 'Upload label (from innner schema title)',
+            accepts: ['image/png', 'image/jpeg', 'application/pdf'],
+        },
+    ],
+    [
+        'string schema with base64url format',
+        {
+            type: 'string',
+            format: 'base64url',
+            source: 'file',
+            title: 'Upload label',
+            accepts: ['image/png', 'image/jpeg', 'application/pdf'],
+        },
+    ],
+];
+describe.each(cases)(`given a %s with persist-async`, (_, schema) => {
+    const persistAsync = {
+        method: 'POST',
+        url: '/persist-async',
+        param: 'param',
+        idProperty: 'token',
+        schema,
+    };
+    describe('when the schema is required', () => {
+        const step = {
+            id: 'step-id',
+            title: 'Blob Upload with Persist Async',
+            schemas: [{ $id: '#schema-id', type: 'string', persistAsync }],
+            layout: [
+                { type: 'form', schemaId: '#schema-id' },
+                { type: 'button', title: 'Submit', action: { url: '/submit', method: 'POST' } },
+            ],
+        };
+        describe("and the schema doesn't have a maxSize", () => {
+            const httpClient = vi.fn();
+            it('should render the upload input without maxSize', () => {
+                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "id", initialStep: step, httpClient: httpClient, onCompletion: vi.fn(), onError: vi.fn() }));
+                expect(screen.queryByText(/less than/i)).not.toBeInTheDocument();
+            });
+        });
+        describe('and the schema has a maxSize', () => {
+            const httpClient = vi.fn();
+            const stepWithMaxSize = Object.assign(Object.assign({}, step), { schemas: [
+                    {
+                        $id: '#schema-id',
+                        type: 'string',
+                        persistAsync: Object.assign(Object.assign({}, persistAsync), { schema: Object.assign(Object.assign({}, schema), { maxSize: 10 * 1024 * 1024 }) }),
+                    },
+                ] });
+            it('should render the upload input with maxSize', () => {
+                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "id", initialStep: stepWithMaxSize, httpClient: httpClient, onCompletion: vi.fn(), onError: vi.fn() }));
+                expect(screen.getByText(/less than 10MB/i)).toBeInTheDocument();
+            });
+        });
+        describe('and the file upload failed', () => {
+            const httpClient = vi
+                .fn()
+                .mockResolvedValueOnce(new Response('', { status: 500 }))
+                .mockResolvedValueOnce(new Response(JSON.stringify({
+                id: 'step',
+                title: 'This is the next step',
+                schemas: [],
+                layout: [],
+            })));
+            it('submission is suppressed', async () => {
+                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "id", initialStep: step, httpClient: httpClient, onCompletion: vi.fn(), onError: vi.fn() }));
+                await user.upload(screen.getByTestId('uploadInput'), new File([''], 'file.png', { type: 'image/png' }));
+                await user.click(screen.getByText('Submit'));
+                await waitFor(() => {
+                    expect(screen.queryByText('This is the next step')).not.toBeInTheDocument();
+                });
+            });
+        });
+    });
+});

package/build/tests/StatusList.test.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWithProviders } from '../test-utils';
+import DynamicFlowWise from '../test-utils/DynamicFlowWise';
+import { vi } from 'vitest';
+const user = userEvent.setup({ advanceTimers: vi.advanceTimersByTime });
+describe('StatusList component', () => {
+    const getInitialStep = (behaviors) => ({
+        id: 'step-id',
+        title: 'Step with button',
+        layout: [
+            {
+                type: 'status-list',
+                title: 'Status List',
+                items: [
+                    {
+                        title: 'Item 1',
+                        icon: { name: 'bank' },
+                        description: 'This is a description',
+                        callToAction: {
+                            title: 'Click Link',
+                            behavior: behaviors[0],
+                        },
+                        tag: 'tag 1',
+                    },
+                    {
+                        title: 'Item 2',
+                        icon: { name: 'bank' },
+                        description: 'This is a description',
+                        callToAction: {
+                            title: 'Click Action',
+                            behavior: behaviors[1],
+                        },
+                        tag: 'tag 2',
+                    },
+                ],
+            },
+        ],
+        schemas: [],
+    });
+    const oldBehaviourStep = getInitialStep([
+        { link: { url: 'https://google.com' } },
+        { action: { url: '/action' } },
+    ]);
+    const newBehaviourStep = getInitialStep([
+        { type: 'link', url: 'https://google.com' },
+        { type: 'action', action: { url: '/action' } },
+    ]);
+    describe.each([
+        [`Old "container" behavior type`, oldBehaviourStep],
+        [`New "discriminated union" behavior type`, newBehaviourStep],
+    ])('%s', (_, step) => {
+        describe('given a StatusList component with items that have behavior', () => {
+            it('should render link behavior as a link (and not use onLink)', () => {
+                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "", httpClient: vi.fn(), initialStep: step, onCompletion: vi.fn(), onError: vi.fn() }));
+                expect(screen.getByRole('link', { name: /Click Link/ })).toBeInTheDocument();
+                expect(screen.getByRole('link', { name: /Click Link/ })).toHaveAttribute('href', 'https://google.com');
+            });
+            it('should render action behavior as a button which performs an action when clicked', async () => {
+                const httpClient = vi.fn();
+                renderWithProviders(_jsx(DynamicFlowWise, { flowId: "", httpClient: httpClient, initialStep: step, onCompletion: vi.fn(), onError: vi.fn() }));
+                await user.click(screen.getByText('Click Action'));
+                await waitFor(() => {
+                    expect(httpClient).toHaveBeenCalledWith('/action', expect.anything());
+                });
+            });
+        });
+    });
+    describe('Extra props', () => {
+        it('should pass the tag property of list items to the renderer', () => {
+            const customRenderer = {
+                canRenderType: 'status-list',
+                render: vi.fn(),
+            };
+            renderWithProviders(_jsx(DynamicFlowWise, { flowId: "", httpClient: vi.fn(), initialStep: newBehaviourStep, renderers: [customRenderer], onCompletion: vi.fn(), onError: vi.fn() }));
+            expect(customRenderer.render).toHaveBeenCalledWith(expect.objectContaining({
+                items: [
+                    expect.objectContaining({ tag: 'tag 1' }),
+                    expect.objectContaining({ tag: 'tag 2' }),
+                ],
+            }));
+        });
+    });
+});