"use strict";
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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
    return g.next = verb(0), g["throw"] = verb(1), g["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 };
    }
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_2 = require("@testing-library/react");
var user_event_1 = __importDefault(require("@testing-library/user-event"));
var mdm_sdk_1 = require("@reltio/mdm-sdk");
var ReadOnlyAttributesPager_1 = __importDefault(require("./ReadOnlyAttributesPager"));
var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
var FeaturesContext_1 = require("../contexts/FeaturesContext");
var CollaborationContext_1 = require("../contexts/CollaborationContext");
describe('ReadOnlyAttributesPager tests', function () {
    var collaboration = { commentsMap: {} };
    var attributeType = {
        uri: 'configuration/entityTypes/HCP/attributes/Simple',
        type: 'String',
        name: 'Simple',
        label: 'Simple label',
        description: 'Simple description',
        masking: { regexPattern: '.*' }
    };
    var values = [
        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u123', value: '123', ov: true },
        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u456', value: '456', ov: true },
        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u444', value: '444', ov: true }
    ];
    var actions = { requestNextPageOfAttributeValues: jest.fn() };
    var defaultProps = {
        attributeType: attributeType,
        values: values,
        parentUri: 'entities/sIeHttl',
        showNonOv: false
    };
    afterEach(function () {
        jest.clearAllMocks();
    });
    var defaultMdmValues = {
        metadata: {
            entityTypes: [{ uri: 'configuration/entityTypes/HCP', attributes: [attributeType] }]
        },
        showMasking: true
    };
    var setUp = function (_a) {
        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
        var user = user_event_1.default.setup();
        var Providers = function (_a) {
            var children = _a.children;
            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: actions },
                react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaboration },
                    react_1.default.createElement(FeaturesContext_1.FeaturesContext.Provider, { value: featuresContextValue }, children))));
        };
        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(ReadOnlyAttributesPager_1.default, __assign({}, props)), { wrapper: Providers }));
    };
    it('should use OneLineRenderer if there is only one ov value of Simple attribute', function () {
        var props = __assign(__assign({}, defaultProps), { values: [values[0]] });
        setUp({ props: props });
        expect(react_2.screen.getByTestId('one-line-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
        expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
        expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
        expect(react_2.screen.getByText('123')).toBeInTheDocument();
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
    });
    it('should use OneLineRenderer if there is only one ov value (and some non ov) of Simple attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
        var props, user;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    props = __assign(__assign({}, defaultProps), { values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
                    user = setUp({ props: props }).user;
                    expect(react_2.screen.getByTestId('one-line-renderer')).toBeInTheDocument();
                    expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
                    expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
                    expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
                    expect(react_2.screen.getByText('123')).toBeInTheDocument();
                    return [4 /*yield*/, user.hover(react_2.screen.getByText('+ 1'))];
                case 1:
                    _a.sent();
                    expect(react_2.screen.getByText('456')).toBeInTheDocument();
                    return [2 /*return*/];
            }
        });
    }); });
    it('should use MultiLineRenderer for Complex attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
        var ovValues, props, user, labels;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    ovValues = [
                        __assign(__assign({}, values[0]), { label: 'First value', value: { Name: [{ value: '123', uri: '123' }] } }),
                        __assign(__assign({}, values[1]), { label: 'Second value', value: { Name: [{ value: '456', uri: '456' }] } }),
                        __assign(__assign({}, values[2]), { label: 'Third value', value: { Name: [{ value: '444', uri: '444' }] } })
                    ];
                    props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), max: 1, paging: { totalOvValues: 5 }, values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
                    user = setUp({ props: props }).user;
                    expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
                    expect(react_2.screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
                    expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
                    expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
                    expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
                    expect(react_2.screen.getByText('+ 1')).toBeInTheDocument();
                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                    expect(labels).toHaveLength(1);
                    expect(labels[0]).toHaveTextContent('First value');
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 4 value'))];
                case 1:
                    _a.sent();
                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenLastCalledWith({
                        attributeTypeName: 'Simple',
                        attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                        defaultMaxValues: 1,
                        parentUri: 'entities/sIeHttl',
                        values: ovValues,
                        options: {
                            sendMasking: true,
                            ovOnly: true
                        }
                    });
                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                    expect(labels).toHaveLength(2);
                    expect(labels[0]).toHaveTextContent('First value');
                    expect(labels[1]).toHaveTextContent('Second value');
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 3 value'))];
                case 2:
                    _a.sent();
                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenLastCalledWith({
                        attributeTypeName: 'Simple',
                        attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                        defaultMaxValues: 1,
                        parentUri: 'entities/sIeHttl',
                        values: ovValues,
                        options: {
                            sendMasking: true,
                            ovOnly: true
                        }
                    });
                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                    expect(labels).toHaveLength(3);
                    expect(labels[0]).toHaveTextContent('First value');
                    expect(labels[1]).toHaveTextContent('Second value');
                    expect(labels[2]).toHaveTextContent('Third value');
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 2 value'))];
                case 3:
                    _a.sent();
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 1 value'))];
                case 4:
                    _a.sent();
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show less'))];
                case 5:
                    _a.sent();
                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
                    expect(labels).toHaveLength(1);
                    expect(labels[0]).toHaveTextContent('First value');
                    return [2 /*return*/];
            }
        });
    }); });
    it('should use MultiLineRenderer if there is only one ov value of Simple attribute but there is paging', function () {
        var props = __assign(__assign({}, defaultProps), { max: 1, values: [values[0]], paging: { totalOvValues: 2 } });
        setUp({ props: props });
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
        expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
        expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
        expect(react_2.screen.getByText('123')).toBeInTheDocument();
        expect(react_2.screen.queryByText('+ 1')).not.toBeInTheDocument();
        react_2.screen.getByText('Show 1 more of remaining 1 value');
    });
    it('should use ImageLineRenderer for Image attribute', function () {
        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Image' }), paging: {}, parentUri: 'parentUri', showNonOv: false });
        var container = setUp({ props: props }).container;
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
        expect(container.querySelector('.imageBox')).toBeInTheDocument();
    });
    it('should use SpecialRenderer for roles', function () {
        var props = __assign(__assign({}, defaultProps), { attributeType: mdm_sdk_1.EntityAttrTypes.roles, values: ['role1', 'role2'] });
        setUp({
            props: props,
            mdmValues: {
                metadata: {
                    roles: [
                        { uri: 'role1', label: 'Role1', description: 'Role1 description' },
                        { uri: 'role2', label: 'Role2', description: 'Role2 description' }
                    ],
                    entityTypes: defaultMdmValues.metadata.entityTypes
                }
            }
        });
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByTestId('special-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByText('Roles')).toBeInTheDocument();
        expect(react_2.screen.getByText('Role1')).toBeInTheDocument();
        expect(react_2.screen.getByText('Role2')).toBeInTheDocument();
    });
    it('should use SpecialRenderer for tags', function () {
        var props = __assign(__assign({}, defaultProps), { attributeType: mdm_sdk_1.EntityAttrTypes.tags, values: ['tag1', 'tag2'] });
        setUp({
            props: props,
            mdmValues: __assign(__assign({}, defaultMdmValues), { entity: { uri: 'entities/sIeHttl', type: 'configuration/entityTypes/HCP' } })
        });
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByTestId('special-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByText('Tags')).toBeInTheDocument();
        expect(react_2.screen.getByText('tag1')).toBeInTheDocument();
        expect(react_2.screen.getByText('tag2')).toBeInTheDocument();
    });
    it('should use SpecialRenderer for startDate/endDate', function () {
        var props = __assign(__assign({}, defaultProps), { attributeType: mdm_sdk_1.EntityAttrTypes.startDate, values: [1622023242248] });
        setUp({ props: props });
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByTestId('special-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByText('Start date')).toBeInTheDocument();
        expect(react_2.screen.getByText('05/26/2021')).toBeInTheDocument();
    });
    it('should set enabled BranchDecorator prop as true when drawLines is true', function () {
        var props = __assign(__assign({}, defaultProps), { drawLines: true });
        setUp({ props: props });
        expect(react_2.screen.getByTestId('branch-decorator')).toBeInTheDocument();
    });
    it('should return null if values are undefined', function () {
        var props = __assign(__assign({}, defaultProps), { values: undefined });
        var container = setUp({ props: props }).container;
        expect(container).toBeEmptyDOMElement();
    });
    it('should return null if there are no values', function () {
        var props = __assign(__assign({}, defaultProps), { values: [] });
        var container = setUp({ props: props }).container;
        expect(container).toBeEmptyDOMElement();
    });
    it('should set correct values prop if showNonOv is true', function () {
        var props = __assign(__assign({}, defaultProps), { showNonOv: true, values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
        setUp({ props: props });
        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
        expect(react_2.screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
        expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
        expect(react_2.screen.getByText('123')).toBeInTheDocument();
        expect(react_2.screen.getByText('456')).toBeInTheDocument();
    });
    it('should use max value from props if it exists', function () {
        var ovValues = [
            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
        ];
        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false), max: 1 });
        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 20 }) });
        expect(react_2.screen.getByTestId('show-more')).toBeInTheDocument();
        react_2.screen.getByText('Show 1 more of remaining 2 value');
    });
    it('should use maxValuesInResponse from mdm module context if max prop does not exist', function () {
        var ovValues = [
            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
        ];
        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: 1 }) });
        expect(react_2.screen.getByTestId('show-more')).toBeInTheDocument();
        react_2.screen.getByText('Show 1 more of remaining 2 value');
    });
    it('should use max value as Infinity if max prop and default max value from mdm module context do not exist', function () {
        var ovValues = [
            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
        ];
        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
        setUp({ props: props, mdmValues: __assign(__assign({}, defaultMdmValues), { maxValuesInResponse: undefined }) });
        expect(react_2.screen.queryByTestId('show-more')).not.toBeInTheDocument();
    });
});
