"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 __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 WorkflowComments_1 = require("../WorkflowComments");
var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getTaskById: jest.fn(), addCommentForTask: jest.fn() })); });
var processInstanceComments = [
    { author: 'author', id: 'commentId1', message: 'some message1', time: 123123123 },
    { author: 'author1', id: 'commentId2', message: 'some message2', time: 133123123 },
    { author: 'author2', id: 'commentId3', message: 'some message3', time: 143123123 },
    { author: 'author3', id: 'commentId4', message: 'some message4', time: 153123123 }
];
var defaultWorkflowActions = [
    { onClick: jest.fn(), text: 'Delete' },
    { onClick: jest.fn(), text: 'Cancel' }
];
var defaultUser = {
    userPermissions: {
        permissions: {
            'workflow:data.tasks': {
                UPDATE: ['tenant'],
                READ: ['tenant']
            }
        },
        permissionsByService: {},
        roles: {}
    }
};
var defaultProps = {
    processInstanceComments: processInstanceComments,
    taskId: '123123',
    workflowActions: defaultWorkflowActions,
    preferredAction: { action: 'Delete', label: 'Delete' },
    isTaskOpen: true
};
var defaultMdmValues = {
    user: defaultUser,
    tenant: { id: 'tenant', name: 'tenant' },
    workflowPath: 'workflowPath',
    workflowEnvironmentUrl: 'workflowEnvironmentUrl'
};
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;
    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 }, children));
    };
    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(WorkflowComments_1.WorkflowComments, __assign({}, props)), { wrapper: Providers })), { user: user });
};
var getExpandCommentButton = function (comments) {
    if (comments === void 0) { comments = processInstanceComments; }
    if (comments.length < 3) {
        return react_2.screen.queryByRole('button', { name: String(processInstanceComments.length) });
    }
    return react_2.screen.queryByRole('button', { name: String(processInstanceComments.length - 2) });
};
describe('WorkflowComments tests', function () {
    beforeEach(function () {
        jest.clearAllMocks();
    });
    it('should render comments in collapsed mode if more than 3 comments exists', function () {
        setUp();
        expect(react_2.screen.getByText(processInstanceComments[0].message)).toBeInTheDocument();
        expect(react_2.screen.queryByText(processInstanceComments[1].message)).not.toBeInTheDocument();
        expect(react_2.screen.queryByText(processInstanceComments[2].message)).not.toBeInTheDocument();
        expect(react_2.screen.getByText(processInstanceComments[3].message)).toBeInTheDocument();
        var expandButton = getExpandCommentButton();
        expect(expandButton).toBeInTheDocument();
        expect(react_2.screen.getByText('Delete')).toBeInTheDocument();
    });
    it('should expand all comments on button click', function () { return __awaiter(void 0, void 0, void 0, function () {
        var user, expandButton;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    user = setUp().user;
                    expandButton = getExpandCommentButton();
                    return [4 /*yield*/, user.click(expandButton)];
                case 1:
                    _a.sent();
                    expect(react_2.screen.getByText(processInstanceComments[0].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[1].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[2].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[3].message)).toBeInTheDocument();
                    expect(react_2.screen.queryByRole('button', { name: String(processInstanceComments.length - 2) })).not.toBeInTheDocument();
                    return [2 /*return*/];
            }
        });
    }); });
    it('should not show expand button if there are only 2 items', function () {
        var comments = processInstanceComments.slice(2);
        setUp({ props: __assign(__assign({}, defaultProps), { processInstanceComments: comments }) });
        expect(getExpandCommentButton()).toBeNull();
        expect(react_2.screen.getByText(processInstanceComments[2].message)).toBeInTheDocument();
        expect(react_2.screen.getByText(processInstanceComments[3].message)).toBeInTheDocument();
    });
    it('should send request and update comments on value change', function () { return __awaiter(void 0, void 0, void 0, function () {
        var newComment, user, expandButton, _a;
        return __generator(this, function (_b) {
            switch (_b.label) {
                case 0:
                    newComment = { author: 'author4', id: 'commentId5', message: 'some message5', time: 153123123 };
                    mdm_sdk_1.getTaskById.mockResolvedValue({
                        processInstanceComments: processInstanceComments.concat([newComment])
                    });
                    mdm_sdk_1.addCommentForTask.mockResolvedValue({ status: 'success' });
                    user = setUp().user;
                    expandButton = getExpandCommentButton();
                    return [4 /*yield*/, user.click(expandButton)];
                case 1:
                    _b.sent();
                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), newComment.message)];
                case 2:
                    _b.sent();
                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('send-button'))];
                case 3:
                    _b.sent();
                    _a = expect;
                    return [4 /*yield*/, react_2.screen.findByText(processInstanceComments[0].message)];
                case 4:
                    _a.apply(void 0, [_b.sent()]).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[1].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[2].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(processInstanceComments[3].message)).toBeInTheDocument();
                    expect(react_2.screen.getByText(newComment.message)).toBeInTheDocument();
                    return [2 /*return*/];
            }
        });
    }); });
    it('should hide input if user has no tasks for update task', function () { return __awaiter(void 0, void 0, void 0, function () {
        var user, mdmValues;
        return __generator(this, function (_a) {
            user = __assign(__assign({}, defaultUser), { userPermissions: __assign(__assign({}, defaultUser.userPermissions), { permissions: {
                        'workflow:data.tasks': {
                            READ: ['otherTenant'],
                            UPDATE: ['otherTenant']
                        }
                    } }) });
            mdmValues = __assign(__assign({}, defaultMdmValues), { user: user });
            setUp({ mdmValues: mdmValues });
            expect(react_2.screen.queryByRole('textbox')).not.toBeInTheDocument();
            return [2 /*return*/];
        });
    }); });
    it('should hide input if task is closed', function () { return __awaiter(void 0, void 0, void 0, function () {
        return __generator(this, function (_a) {
            setUp({ props: __assign(__assign({}, defaultProps), { isTaskOpen: false }) });
            expect(react_2.screen.queryByRole('textbox')).not.toBeInTheDocument();
            return [2 /*return*/];
        });
    }); });
    it('should render actions select correctly if actions length is more than one', function () { return __awaiter(void 0, void 0, void 0, function () {
        var user;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    user = setUp().user;
                    return [4 /*yield*/, user.click(react_2.screen.getByText('Delete'))];
                case 1:
                    _a.sent();
                    defaultWorkflowActions.forEach(function (_a) {
                        var text = _a.text;
                        (0, react_2.within)(react_2.screen.getByRole('listbox')).getByText(text);
                    });
                    return [2 /*return*/];
            }
        });
    }); });
    it('should render action button correctly if actions length equals one', function () { return __awaiter(void 0, void 0, void 0, function () {
        return __generator(this, function (_a) {
            setUp({ props: __assign(__assign({}, defaultProps), { workflowActions: defaultWorkflowActions.slice(0, 1) }) });
            expect(react_2.screen.queryByTestId('reltio-profile-select-mode')).not.toBeInTheDocument();
            react_2.screen.getByRole('button', { name: 'Delete' });
            return [2 /*return*/];
        });
    }); });
    it('should select first action by default if preferredAction is undefined', function () {
        setUp({ props: __assign(__assign({}, defaultProps), { preferredAction: undefined }) });
        react_2.screen.getByText('Delete');
    });
    it('should not crash if preferredAction is undefined and workflowActions is empty array', function () {
        setUp({ props: __assign(__assign({}, defaultProps), { preferredAction: undefined, workflowActions: [] }) });
    });
    it('should disabled action button and add loading if actionRequestIsInProgress is true', function () {
        setUp({ props: __assign(__assign({}, defaultProps), { actionRequestIsInProgress: true }) });
        var button = react_2.screen.getByRole('button', { name: 'Delete' });
        expect(button).toHaveClass('Mui-disabled');
        react_2.screen.getByTestId('mode-loading-spinner');
    });
});
