@wise/dynamic-flow-client 3.5.0-experimental-6654c72 → 3.5.0-experimental-63c768d

package/build/revamp/domain/features/validation/value-checks.spec.js

@@ -0,0 +1,204 @@
+import { getAboveMaxLengthCheck, getBelowMinLengthCheck, getAboveMaximumCheck, getBelowMinimumCheck, getAboveMaximumDateCheck, getBelowMinimumDateCheck, getNotAdheringToPatternCheck, getAboveMaxItemsCheck, getBelowMinItemsCheck, getAboveMaxFilesCheck, getBelowMinFilesCheck, } from './value-checks';
+import { mockErrorMessageFunctions } from './spec-utils';
+describe('value checks', function () {
+    describe('getAboveMaxLengthCheck', function () {
+        it('should return null if the string length is below or equal to the maxLength', function () {
+            var schema = { type: 'string', maxLength: 5 };
+            var check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            var belowLength = check('0');
+            var atLength = check('01234');
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the string length is above the maxLength', function () {
+            var schema = { type: 'string', maxLength: 5 };
+            var check = getAboveMaxLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('012345')).toBe('maxLength');
+        });
+    });
+    describe('getBelowMinLengthCheck', function () {
+        it('should return null if the string length is above or equal to the minLength', function () {
+            var schema = { type: 'string', minLength: 5 };
+            var check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            var atLength = check('01234');
+            var aboveLength = check('0123456789');
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return an error message if the string length is below the minLength', function () {
+            var schema = { type: 'string', minLength: 5 };
+            var check = getBelowMinLengthCheck(schema, mockErrorMessageFunctions);
+            expect(check('0')).toBe('minLength');
+        });
+    });
+    describe('getAboveMaximumCheck', function () {
+        it('should return null if the number is below or equal to the maximum', function () {
+            var schema = { type: 'number', maximum: 10 };
+            var check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            var atMax = check(5);
+            var belowMax = check(10);
+            expect(atMax).toBeNull();
+            expect(belowMax).toBeNull();
+        });
+        it('should return an error message if the number is above the maximum', function () {
+            var schema = { type: 'number', maximum: 10 };
+            var check = getAboveMaximumCheck(schema, mockErrorMessageFunctions);
+            expect(check(15)).toBe('maximum');
+        });
+    });
+    describe('getBelowMinimumCheck', function () {
+        it('should return null if the number is above or equal to the minimum', function () {
+            var schema = { type: 'integer', minimum: 5 };
+            var check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            var atMinimum = check(5);
+            var aboveMinimum = check(10);
+            expect(atMinimum).toBeNull();
+            expect(aboveMinimum).toBeNull();
+        });
+        it('should return an error message if the number is below the minimum', function () {
+            var schema = { type: 'integer', minimum: 10 };
+            var check = getBelowMinimumCheck(schema, mockErrorMessageFunctions);
+            expect(check(5)).toBe('minimum');
+        });
+    });
+    describe('getAboveMaximumDateCheck', function () {
+        it('should return null if the date is below or equal to the maximum', function () {
+            var schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            var check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            var atDate = check('2022-01-01');
+            var belowDate = check('2021-12-31');
+            expect(atDate).toBeNull();
+            expect(belowDate).toBeNull();
+        });
+        it('should return an error message if the date is above the maximum', function () {
+            var schema = { type: 'string', format: 'date', maximum: '2022-01-01' };
+            var check = getAboveMaximumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2022-01-02')).toBe('maximumDate');
+        });
+    });
+    describe('getBelowMinimumDateCheck', function () {
+        it('should return null if the date is above or equal to the minimum', function () {
+            var schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            var check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            var atDate = check('2022-01-01');
+            var aboveDate = check('2022-01-02');
+            expect(atDate).toBeNull();
+            expect(aboveDate).toBeNull();
+        });
+        it('should return an error message if the date is below the minimum', function () {
+            var schema = { type: 'string', format: 'date', minimum: '2022-01-01' };
+            var check = getBelowMinimumDateCheck(schema, mockErrorMessageFunctions);
+            expect(check('2021-12-31')).toBe('minimumDate');
+        });
+    });
+    describe('getNotAdheringToPatternCheck', function () {
+        it('should return null if the string adheres to the pattern', function () {
+            var schema = { type: 'string', pattern: '[A-Za-z]+' };
+            var check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('Hello')).toBeNull();
+        });
+        it('should return an error message if the string does not adhere to the pattern', function () {
+            var schema = { type: 'string', pattern: '[A-Za-z]+' };
+            var check = getNotAdheringToPatternCheck(schema, mockErrorMessageFunctions);
+            expect(check('01234')).toBe('pattern');
+        });
+    });
+    describe('getAboveMaxItemsCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            maxItems: 5
+        };
+        it('should return null if the array length is below or equal to the maxItems', function () {
+            var check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var belowLength = check(['0']);
+            var atLength = check(['0', '1', '2', '3', '4']);
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the array length is above the maxItems', function () {
+            var check = getAboveMaxItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1', '2', '3', '4', '5'])).toBe('maxItems');
+        });
+    });
+    describe('getBelowMinItemsCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            minItems: 3
+        };
+        it('should return null if the array length is above or equal to the minItems', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var atLength = check(['0', '1', '2']);
+            var aboveLength = check(['0', '1', '2', '3']);
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the array is empty', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            var empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', function () {
+            var check = getBelowMinItemsCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check(['0', '1'])).toBe('minItems');
+        });
+    });
+    describe('getAboveMaxFilesCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            maxItems: 2
+        };
+        it('should return null if the array length is below or equal to the maxItems', function () {
+            var check = getAboveMaxFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var belowLength = check([new File([new Blob()], '0')]);
+            var atLength = check([new File([new Blob()], '0'), new File([new Blob()], '1')]);
+            expect(belowLength).toBeNull();
+            expect(atLength).toBeNull();
+        });
+        it('should return an error message if the array length is above the maxItems', function () {
+            var check = getAboveMaxFilesCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check([
+                new File([new Blob()], '0'),
+                new File([new Blob()], '1'),
+                new File([new Blob()], '2'),
+            ])).toBe('maxFiles');
+        });
+    });
+    describe('getBelowMinFilesCheck', function () {
+        var arraySchema = {
+            type: 'array',
+            items: { type: 'string' },
+            addItemTitle: '',
+            editItemTitle: '',
+            minItems: 2
+        };
+        it('should return null if the array length is above or equal to the minItems', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var atLength = check([new File([new Blob()], '0'), new File([new Blob()], '1')]);
+            var aboveLength = check([
+                new File([new Blob()], '0'),
+                new File([new Blob()], '1'),
+                new File([new Blob()], '2'),
+            ]);
+            expect(atLength).toBeNull();
+            expect(aboveLength).toBeNull();
+        });
+        it('should return null if the array is empty', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            var empty = check([]);
+            expect(empty).toBeNull();
+        });
+        it('should return an error message if the array length is below the minItems', function () {
+            var check = getBelowMinFilesCheck(arraySchema, mockErrorMessageFunctions);
+            expect(check([new File([new Blob()], '0')])).toBe('minFiles');
+        });
+    });
+});

package/build/revamp/domain/features/validationAsync/getComponentValidationAsync.spec.js

@@ -0,0 +1,177 @@
+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 { abortableDelay } from '../../../../test-utils/fetch-utils';
+import { createTextInputComponent, } from '../../components/TextInputComponent';
+import { getInputUpdateFunction } from '../../components/utils/component-utils';
+import { getUpdateFunctionMock } from '../../mappers/schema/tests/test-utils';
+import { getInitialPersistedState } from '../persistAsync/getInitialPersistedState';
+import { getInitialValidationState } from './getInitialValidationState';
+import { getComponentValidationAsync } from './getComponentValidationAsync';
+import { waitFor } from '@testing-library/react';
+var defaultProps = {
+    uid: '123',
+    checks: [],
+    analyticsId: 'analyticsId',
+    autoComplete: 'off',
+    disabled: true,
+    errors: [],
+    hidden: false,
+    id: 'id',
+    required: false,
+    persistedState: getInitialPersistedState(),
+    validationState: getInitialValidationState(),
+    value: '',
+    performPersistAsync: undefined,
+    performRefresh: undefined,
+    summariser: function () { return ({}); }
+};
+describe('getComponentValidationAsync', function () {
+    it('should make request and update message if response is ok', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    performValidationAsync = jest.fn().mockResolvedValue('Everything is ok');
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    expect(performValidationAsync).toHaveBeenCalledWith(expect.objectContaining({ value: 'test' }));
+                    return [4 /*yield*/, waitFor(function () {
+                            return expect(inputComponent.validationState.messages.success).toBe('Everything is ok');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not perform a second request if called with the same value twice', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            performValidationAsync = jest.fn().mockResolvedValue('Everything is ok');
+            mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+            inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+            update = getInputUpdateFunction('uid', mockUpdateFunction);
+            validate = getComponentValidationAsync(update, performValidationAsync);
+            void validate(inputComponent.validationState, inputComponent.getLocalValue());
+            void validate(inputComponent.validationState, inputComponent.getLocalValue());
+            expect(performValidationAsync).toHaveBeenCalledTimes(1);
+            return [2 /*return*/];
+        });
+    }); });
+    it('should set component errors if validation fails', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errorMessage, performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    errorMessage = 'This field is invalid';
+                    performValidationAsync = jest.fn().mockRejectedValue(new Error(errorMessage));
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    return [4 /*yield*/, waitFor(function () {
+                            return expect(inputComponent.validationState.messages.error).toEqual(errorMessage);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should ignore previous responses if a second persist has been triggered', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var performValidationAsync, mockUpdateFunction, inputComponent, update, validate;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.useFakeTimers();
+                    performValidationAsync = jest
+                        .fn()
+                        .mockImplementationOnce(function (_a) {
+                        var signal = _a.signal;
+                        return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                            return [2 /*return*/, abortableDelay(200, signal).then(function () { return 'response-1'; })];
+                        }); });
+                    })
+                        .mockImplementationOnce(function (_a) {
+                        var signal = _a.signal;
+                        return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_b) {
+                            return [2 /*return*/, abortableDelay(10, signal).then(function () { return 'response-2'; })];
+                        }); });
+                    });
+                    mockUpdateFunction = getUpdateFunctionMock(function () { return inputComponent; });
+                    inputComponent = createTextInputComponent(__assign(__assign({}, defaultProps), { performValidationAsync: performValidationAsync, value: 'test' }), mockUpdateFunction);
+                    update = getInputUpdateFunction('uid', mockUpdateFunction);
+                    validate = getComponentValidationAsync(update, performValidationAsync);
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    inputComponent.onChange('new-value');
+                    void validate(inputComponent.validationState, inputComponent.getLocalValue());
+                    // Second callback has resolved
+                    return [4 /*yield*/, jest.advanceTimersByTimeAsync(100)];
+                case 1:
+                    // Second callback has resolved
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(inputComponent.validationState.messages.success).toBe('response-2'); })];
+                case 2:
+                    _a.sent();
+                    // First callback has resolved, but value is ignored
+                    return [4 /*yield*/, jest.advanceTimersByTimeAsync(100)];
+                case 3:
+                    // First callback has resolved, but value is ignored
+                    _a.sent();
+                    return [4 /*yield*/, waitFor(function () { return expect(inputComponent.validationState.messages.success).toBe('response-2'); })];
+                case 4:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/build/revamp/domain/features/validationAsync/getInitialValidationState.js

@@ -0,0 +1,5 @@
+export var getInitialValidationState = function () { return ({
+    abortController: new AbortController(),
+    lastSubmitted: null,
+    messages: {}
+}); };

package/build/revamp/domain/features/validationAsync/getPerformValidationAsync.spec.js

@@ -0,0 +1,266 @@
+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 { getPerformValidationAsync } from './getPerformValidationAsync';
+import { getMockHttpClient, respondWith } from '../../../../test-utils';
+describe('getPerformValidationAsync', function () {
+    var trackEvent = jest.fn();
+    var signal = {};
+    var validationAsyncConfig = {
+        method: 'POST',
+        param: 'param',
+        url: '/validate'
+    };
+    it('should make the request using the specified parameter', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var spyHttpClient, spyTrackEvent, performValidationAsync;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    spyHttpClient = jest
+                        .fn()
+                        .mockResolvedValue(respondWith({ message: 'Validation failed' }));
+                    spyTrackEvent = jest.fn();
+                    performValidationAsync = getPerformValidationAsync({
+                        httpClient: spyHttpClient,
+                        trackEvent: spyTrackEvent,
+                        validationAsyncConfig: validationAsyncConfig,
+                        schemaId: 'schemaId'
+                    });
+                    return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                case 1:
+                    _a.sent();
+                    expect(spyHttpClient).toHaveBeenCalledWith('/validate', {
+                        body: '{"param":"value"}',
+                        headers: { 'Content-Type': 'application/json' },
+                        method: 'POST',
+                        signal: signal
+                    });
+                    expect(spyTrackEvent).toHaveBeenCalledWith('ValidationAsync Triggered', expect.objectContaining({ schema: 'schemaId' }));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should wrap blobs in form data before submitting', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var spyHttpClient, performValidationAsync, file;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    spyHttpClient = jest
+                        .fn()
+                        .mockResolvedValue(respondWith({ message: 'Validation failed' }));
+                    performValidationAsync = getPerformValidationAsync({
+                        httpClient: spyHttpClient,
+                        trackEvent: trackEvent,
+                        validationAsyncConfig: validationAsyncConfig
+                    });
+                    file = new File(['file'], 'file.txt');
+                    return [4 /*yield*/, performValidationAsync({ value: file, signal: signal })];
+                case 1:
+                    _a.sent();
+                    expect(spyHttpClient).toHaveBeenCalledWith('/validate', {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                        body: expect.any(FormData),
+                        headers: {},
+                        method: 'POST',
+                        signal: signal
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    describe('when the response is ok', function () {
+        it('should respond with message if response includes one', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ message: 'Validation succeeded' })];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBe('Validation succeeded');
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should respond with null if response does not include a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({}, { status: 200 })];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the response is 422', function () {
+        it('should throw if the response includes a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ message: 'error with this field' }, { status: 422 })];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, expect(performValidationAsync({ value: 'value', signal: signal })).rejects.toThrow('error with this field')];
+                    case 1:
+                        _a.sent();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Succeeded', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should respond with null if response does not include a message', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({}, { status: 422 })];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('when the response is neither 2xx or 422', function () {
+        it('should track a failure and return null', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var analytics, httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        analytics = { something: 'important' };
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, respondWith({ analytics: analytics }, { status: 500 })];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId', something: 'important' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should track and return null if the response fails', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var httpClient, spyTrackEvent, performValidationAsync, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        httpClient = getMockHttpClient({
+                            '/validate': function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                                return [2 /*return*/, Promise.reject(new Error())];
+                            }); }); }
+                        });
+                        spyTrackEvent = jest.fn();
+                        performValidationAsync = getPerformValidationAsync({
+                            httpClient: httpClient,
+                            trackEvent: spyTrackEvent,
+                            validationAsyncConfig: validationAsyncConfig,
+                            schemaId: 'schemaId'
+                        });
+                        return [4 /*yield*/, performValidationAsync({ value: 'value', signal: signal })];
+                    case 1:
+                        result = _a.sent();
+                        expect(result).toBeNull();
+                        expect(spyTrackEvent).toHaveBeenLastCalledWith('ValidationAsync Failed', expect.objectContaining({ schema: 'schemaId' }));
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});