@wise/dynamic-flow-client 3.2.2-short-962e290 → 3.2.2

package/build/legacy/dynamicFlow/tests/ObjectSchema.spec.js

@@ -1,295 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { screen, waitFor } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import { renderWithProviders } from '../../test-utils';
-import DynamicFlow from '../DynamicFlow';
-var user = userEvent.setup();
-describe('Object Schemas', function () {
-    var schema = {
-        $id: '#schema',
-        type: 'object',
-        title: 'My Title',
-        description: 'My Description',
-        displayOrder: ['name', 'age', 'address'],
-        properties: {
-            name: {
-                title: 'Name',
-                type: 'string'
-            },
-            age: {
-                title: 'Age',
-                type: 'number'
-            },
-            address: {
-                title: 'Address',
-                type: 'string'
-            }
-        }
-    };
-    var model = { name: 'Colin Robinson', address: '123 Fake Street' };
-    var errors = {
-        error: 'This is a global error',
-        validation: {
-            name: 'Name should not be of a vampire',
-            age: 'Vampires can get really old',
-            address: 'Address should not be of a vampire'
-        }
-    };
-    var initialStep = {
-        id: 'object-schema-test-step-id',
-        title: 'Object Schema Test',
-        layout: [
-            { type: 'form', schemaId: '#schema' },
-            {
-                type: 'button',
-                title: 'Submit',
-                action: { url: '/submit', method: 'POST' }
-            },
-        ],
-        schemas: [schema],
-        model: model,
-        errors: errors
-    };
-    var getProps = function (overrides) {
-        if (overrides === void 0) { overrides = {}; }
-        return (__assign({ flowId: 'object-schema-test-flow-id', initialStep: initialStep, httpClient: jest.fn(), onCompletion: jest.fn(), onError: jest.fn(), onEvent: jest.fn(), onLog: jest.fn() }, overrides));
-    };
-    afterEach(function () {
-        //
-    });
-    it('shows the schema title as a heading', function () {
-        renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps())));
-        var title = screen.getByText('My Title');
-        expect(title).toBeInTheDocument();
-        expect(title).toBeInstanceOf(HTMLLegendElement);
-    });
-    it('shows the schema description as a paragraph', function () {
-        renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps())));
-        var description = screen.getByText('My Description');
-        expect(description).toBeInTheDocument();
-        expect(description).toBeInstanceOf(HTMLParagraphElement);
-    });
-    it('renders one control for each property', function () {
-        renderWithProviders(_jsx(DynamicFlow, __assign({}, getProps())));
-        expect(screen.getByText('Name')).toBeInTheDocument();
-        expect(screen.getByText('Age')).toBeInTheDocument();
-        expect(screen.getByText('Address')).toBeInTheDocument();
-    });
-    it('renders step validation errors', function () {
-        var props = getProps();
-        renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-        expect(screen.getByText('Name should not be of a vampire')).toBeInTheDocument();
-        expect(screen.getByText('Vampires can get really old')).toBeInTheDocument();
-        expect(screen.getByText('Address should not be of a vampire')).toBeInTheDocument();
-    });
-    it('renders step global error', function () {
-        var props = getProps();
-        renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-        expect(screen.getByText('This is a global error')).toBeInTheDocument();
-    });
-    describe('when one of the fields, initially null, is updated', function () {
-        it('the model is updated, with the new value under the correct key', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var props;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = getProps({ initialStep: __assign(__assign({}, initialStep), { model: {} }) });
-                        renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                        return [4 /*yield*/, user.type(screen.getByLabelText('Name'), 'Colin Robinson')];
-                    case 1:
-                        _a.sent();
-                        // the only way to assert on the model is to submit and inspect the request body
-                        return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Submit' }))];
-                    case 2:
-                        // the only way to assert on the model is to submit and inspect the request body
-                        _a.sent();
-                        return [4 /*yield*/, waitFor(function () {
-                                expect(props.httpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({ body: '{"name":"Colin Robinson"}' }));
-                            })];
-                    case 3:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when one of the fields is updated back to an empty string (which is translated to null)', function () {
-        it('the model is updated to remove that property from the model', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var props;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        props = getProps({
-                            initialStep: __assign(__assign({}, initialStep), { model: { name: 'Colin Robinson' } })
-                        });
-                        renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                        return [4 /*yield*/, user.clear(screen.getByLabelText('Name'))];
-                    case 1:
-                        _a.sent();
-                        // the only way to assert on the model is to submit and inspect the request body
-                        return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Submit' }))];
-                    case 2:
-                        // the only way to assert on the model is to submit and inspect the request body
-                        _a.sent();
-                        return [4 /*yield*/, waitFor(function () {
-                                expect(props.httpClient).toHaveBeenCalledWith('/submit', expect.objectContaining({ body: '{}' }));
-                            })];
-                    case 3:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-    describe('when alert property is set', function () {
-        var props = getProps({
-            initialStep: __assign(__assign({}, initialStep), { schemas: [
-                    __assign(__assign({}, schema), { alert: {
-                            context: 'neutral',
-                            markdown: 'This is an alert'
-                        } }),
-                ] })
-        });
-        it('renders the alert', function () {
-            renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-            var alert = screen.getByText('This is an alert');
-            expect(alert).toBeInTheDocument();
-        });
-    });
-    describe('when displayOrder property is present (it should always be)', function () {
-        describe('when displayOrder contains all properties', function () {
-            var props = getProps({
-                initialStep: __assign(__assign({}, initialStep), { schemas: [__assign(__assign({}, schema), { displayOrder: ['address', 'age', 'name'] })] })
-            });
-            it('renders the fields in the order specified', function () {
-                renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                var address = screen.getByText('Address');
-                var age = screen.getByText('Age');
-                var name = screen.getByText('Name');
-                expect(address).toBeInTheDocument();
-                expect(age).toBeInTheDocument();
-                expect(name).toBeInTheDocument();
-                expect(address.compareDocumentPosition(age)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-                expect(age.compareDocumentPosition(name)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-            });
-        });
-        describe('when displayOrder contains only a subset of properties', function () {
-            var props = getProps({
-                initialStep: __assign(__assign({}, initialStep), { schemas: [__assign(__assign({}, schema), { displayOrder: ['address', 'name'] })] })
-            });
-            // TODO: this behaviour will be changed to match iOS implementation
-            it('renders any properties not specified in the display order in their natural order', function () {
-                renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                var address = screen.getByText('Address');
-                var name = screen.getByText('Name');
-                var age = screen.getByText('Age');
-                expect(address).toBeInTheDocument();
-                expect(name).toBeInTheDocument();
-                expect(address.compareDocumentPosition(name)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-                expect(name.compareDocumentPosition(age)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-            });
-        });
-        describe('when displayOrder contains a property that does not exist', function () {
-            var props = getProps({
-                initialStep: __assign(__assign({}, initialStep), { schemas: [__assign(__assign({}, schema), { displayOrder: ['address', 'name', 'invalid'] })] })
-            });
-            it('does not attempt to render the property', function () {
-                renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                var address = screen.getByText('Address');
-                var name = screen.getByText('Name');
-                expect(address).toBeInTheDocument();
-                expect(name).toBeInTheDocument();
-                expect(address.compareDocumentPosition(name)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-            });
-        });
-    });
-    describe('when displayOrder property is missing', function () {
-        var props = getProps({
-            initialStep: __assign(__assign({}, initialStep), { schemas: [__assign(__assign({}, schema), { displayOrder: undefined })] })
-        });
-        // TODO: this will be changed to match iOS implementation
-        it('renders the fields in their "natural" order', function () {
-            renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-            var name = screen.getByText('Name');
-            var age = screen.getByText('Age');
-            var address = screen.getByText('Address');
-            expect(address).toBeInTheDocument();
-            expect(age).toBeInTheDocument();
-            expect(name).toBeInTheDocument();
-            expect(name.compareDocumentPosition(age)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-            expect(age.compareDocumentPosition(address)).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
-        });
-    });
-    describe('when the the model contains am extra property that is not declared in the object schema', function () {
-        var props = getProps({ model: __assign(__assign({}, model), { extra: 'extra' }) });
-        it('does not submit the extra property', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var requestBody, requestBodyObject;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        renderWithProviders(_jsx(DynamicFlow, __assign({}, props)));
-                        return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Submit' }))];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, waitFor(function () {
-                                expect(props.httpClient).toHaveBeenCalledTimes(1);
-                            })];
-                    case 2:
-                        _a.sent();
-                        requestBody = props.httpClient.mock.calls[0][1].body;
-                        requestBodyObject = JSON.parse(requestBody);
-                        expect(requestBodyObject).not.toHaveProperty('extra');
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    });
-});