awing-library 2.1.20 → 2.1.21

package/lib/ACM-AXN/Template/Container.test.js

@@ -0,0 +1,259 @@
+"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;
+    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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+require("@testing-library/jest-dom/extend-expect");
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../AWING/Router");
+var Container_1 = __importDefault(require("./Container"));
+var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var items = [
+    {
+        id: '5496349541280075898',
+        directoryId: '5202880755274023966',
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.5496349541280075898.',
+        name: 'textmatching',
+        templateHtml: '<link rel="stylesheet" href="112233"></link>',
+        layoutId: '5197905656409960384',
+        pageCode: 'lgn',
+        description: 'Textmatching',
+        templateTypeId: 1,
+        validation: '',
+        autoField: '',
+    },
+    {
+        id: '5140705289680815022',
+        directoryId: '5202880755274023966',
+        directoryPath: '.0.90.4913100144472996590.5202880755274023966.5140705289680815022.',
+        name: 'textmatching',
+        templateHtml: '',
+        layoutId: '5197905656409960384',
+        pageCode: 'lgn',
+        description: '[Test] Textmatching',
+        templateTypeId: 19,
+        validation: '',
+        autoField: '',
+    },
+];
+var clientMethod = {
+    templatesPaging: function () { return ({
+        templates: items,
+        total: items.length,
+    }); },
+    templatesDelete: function (_id) { },
+    templatesExport: function (_id) { },
+};
+// Mock Axios client
+jest.mock('Commons/UseAxiosProvider', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        client: {
+            templatesPaging: jest.fn(function (_param) {
+                return Promise.resolve(clientMethod.templatesPaging());
+            }),
+            templatesDelete: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.templatesDelete(_id));
+            }),
+            templatesExport: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.templatesExport(_id));
+            }),
+        },
+    }); },
+}); });
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock Utils/Helpers
+jest.mock('Utils/Helpers', function () { return (__assign(__assign({}, jest.requireActual('Utils/Helpers')), { downloadZipFile: function () { } })); });
+// Mock PageManagement
+jest.mock('awing-library/lib/AWING/PageManagement', function () { return ({
+    PageManagement: function (props) {
+        props.onChangeQueryInput({
+            searchString: '',
+            pageIndex: 0,
+            pageSize: 10,
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
+                    .filter(function (item) { return item.valueGetter; })
+                    .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "rowid", children: props.getRowId(items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "CreateBtn", onClick: props.onCreateButtonClick, children: "CreateBtn" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                        props.onChangeQueryInput({
+                            pageIndex: 1,
+                            pageSize: 10,
+                        });
+                    }, children: "ChangeInput" }), props.customActions, props.rowActions.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)("button", { "data-testid": item.tooltipTitle, onClick: function () {
+                        item.action('onExport');
+                    }, children: item.icon }, idx)); }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "Rowclick", onClick: function () {
+                        props.onRowClick(items[0].id);
+                    }, children: "Rowclick" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDelete", onClick: function () {
+                        props.onDelete('onDelete');
+                    }, children: "Remove Btn" }), (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsxs)("span", { children: ["totalItemCount:", props.totalOfRows] })] }));
+    },
+}); });
+jest.mock('Commons/Client', function () { return ({
+    __esModule: true,
+    PageCode: {
+        Lgn: 0,
+        Wlc: 1,
+    }
+}); });
+var renderUi = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+describe('Template Container Component', function () {
+    it('renders without crashing', function () {
+        renderUi();
+    });
+    it('render state', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    expect(react_1.screen.getByTestId('CreateBtn')).toBeInTheDocument();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(items))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText("totalItemCount:".concat(items.length))).toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('get paging', function () {
+        var templatesPagingSpy = jest.spyOn(clientMethod, 'templatesPaging');
+        renderUi();
+        expect(templatesPagingSpy).toBeCalled();
+    });
+    it('get rowid', function () {
+        renderUi();
+        expect(react_1.screen.getByText(items[0].id)).toBeInTheDocument();
+    });
+    it('Row click', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('Rowclick'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain(['http://localhost', Constants_1.EDIT_PATH, items[0].id].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('row getter', function () {
+        renderUi();
+        expect(react_1.screen.getByText('TemplateManagement.Page_lgn')).toBeInTheDocument();
+    });
+    it('Trigger Import button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByText('Common.Import'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain(['http://localhost', Constants_1.IMPORT_PATH].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Trigger export button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesExportSpy;
+        return __generator(this, function (_a) {
+            templatesExportSpy = jest.spyOn(clientMethod, 'templatesExport');
+            renderUi();
+            react_1.fireEvent.click(react_1.screen.getByTestId('Common.Export'));
+            expect(templatesExportSpy).toHaveBeenCalledWith('onExport');
+            return [2 /*return*/];
+        });
+    }); });
+    it('Trigger Create button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByText('CreateBtn'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain(['http://localhost', Constants_1.CREATE_PATH].join('/'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Delete Template', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesDeleteSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    templatesDeleteSpy = jest.spyOn(clientMethod, 'templatesDelete');
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onDelete'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(templatesDeleteSpy).toHaveBeenCalledWith('onDelete');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Template/CreateOrEdit/CreateOrEdit.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/lib/ACM-AXN/Template/CreateOrEdit/CreateOrEdit.test.js

@@ -0,0 +1,370 @@
+"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;
+    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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+require("@testing-library/jest-dom/extend-expect");
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../../AWING/Router");
+var index_1 = __importDefault(require("./index"));
+var recoil_1 = require("recoil");
+// Mock useParam
+var templateId = 'dat0910jqka';
+jest.mock('AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('AWING/Router')), { useParams: jest.fn() })); });
+// Mock Axios client
+var templateData = {
+    template: {
+        id: '5679530742832006213',
+        directoryId: '5202880755274023966',
+        directoryPath: '',
+        name: 'video_banner',
+        templateHtml: '',
+        layoutId: '5197905656409960384',
+        pageCode: 'lgn',
+        description: '2.[DEFAULT] Banner – animated_v1.1',
+        templateTypeId: 3,
+        validation: '',
+        autoField: '',
+    },
+    templateParameters: [
+        {
+            id: '16340',
+            templateId: '5679530742832006213',
+            fieldName: 'video_banner_1bb',
+            fieldType: 'video',
+            defaultValue: null,
+            labelName: 'File Video',
+            isRequired: true,
+            childrens: [],
+        },
+        {
+            id: '16341',
+            templateId: '5679530742832006213',
+            fieldName: 'video_banner_2aa',
+            fieldType: 'image',
+            defaultValue: null,
+            labelName: 'File Poster',
+            isRequired: true,
+            childrens: [],
+        },
+    ],
+};
+var templateTypes = [
+    {
+        id: 1,
+        name: 'Banner',
+        templateTypeCode: 'lgn',
+    },
+    {
+        id: 5,
+        name: 'Customize',
+        templateTypeCode: 'lgn',
+    },
+    {
+        id: 7,
+        name: 'Customize',
+        templateTypeCode: 'wlc',
+    },
+];
+var directories = [
+    {
+        directoryId: '5202880755274023966',
+        name: 'template',
+        parentDirectoryId: '4913100144472996590',
+        objectTypeCode: 'template',
+        level: 3,
+        isFile: false,
+        isSystem: true,
+        order: 0,
+        description: null,
+        directoryPath: '',
+    },
+    {
+        directoryId: '4736019141892318583',
+        name: 'Beta template',
+        parentDirectoryId: '5202880755274023966',
+        objectTypeCode: 'template',
+        level: 4,
+        isFile: false,
+        isSystem: false,
+        order: 0,
+        description: '',
+        directoryPath: '',
+    },
+];
+var directoryTree = {
+    folderChildrens: [
+        {
+            folderChildrens: [
+                {
+                    folderChildrens: [],
+                    fileChildrens: [],
+                    name: 'hu',
+                    path: '/chào bạn/hu',
+                },
+            ],
+            fileChildrens: [
+                {
+                    name: 'CompressJPEG.online_512x512_image.jpg',
+                    path: '/chào bạn/CompressJPEG.online_512x512_image.jpg',
+                },
+            ],
+            name: 'chào bạn',
+            path: '/chào bạn',
+        },
+        {
+            folderChildrens: [],
+            fileChildrens: [],
+            name: 'ahihi',
+            path: '/ahihi',
+        },
+    ],
+    fileChildrens: [],
+    name: '4671435926616395650',
+    path: '',
+};
+var generateId = '09090909';
+var clientMethod = {
+    templatesGet: function (id) { return Promise.resolve(templateData); },
+    templateTypesGet: function () { return Promise.resolve(templateTypes); },
+    directoriesGetByObjectTypeCode: function (code) {
+        return Promise.resolve(directories);
+    },
+    directoriesGenerateId: function () { return Promise.resolve(generateId); },
+    templatesPut: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return Promise.resolve();
+    },
+    templatesPost: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return Promise.resolve();
+    },
+    pageFilesUpdateGetTreeFolder: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return Promise.resolve(directoryTree);
+    },
+    pageFilesCreateGetTreeFolder: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return Promise.resolve(directoryTree);
+    },
+};
+jest.mock('Commons/Client', function () { return ({
+    __esModule: true,
+    FileTypeCode: {
+        Template: 'template',
+    },
+    DirectoryRoot: {
+        Template: 'template',
+    },
+    TemplateModel: {
+        fromJS: function (a) { return a; },
+    },
+}); });
+jest.mock('Commons/UseAxiosProvider', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        client: {
+            templatesGet: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.templatesGet(id));
+            }),
+            templateTypesGet: jest.fn(function () {
+                return Promise.resolve(clientMethod.templateTypesGet());
+            }),
+            directoriesGetByObjectTypeCode: jest.fn(function (code) {
+                return Promise.resolve(clientMethod.directoriesGetByObjectTypeCode(code));
+            }),
+            directoriesGenerateId: jest.fn(function () {
+                return Promise.resolve(clientMethod.directoriesGenerateId());
+            }),
+            templatesPut: jest.fn(function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return Promise.resolve(clientMethod.templatesPut.apply(clientMethod, params));
+            }),
+            templatesPost: jest.fn(function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return Promise.resolve(clientMethod.templatesPost.apply(clientMethod, params));
+            }),
+            pageFilesUpdateGetTreeFolder: jest.fn(function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return Promise.resolve(clientMethod.pageFilesUpdateGetTreeFolder.apply(clientMethod, params));
+            }),
+            pageFilesCreateGetTreeFolder: jest.fn(function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return Promise.resolve(clientMethod.pageFilesUpdateGetTreeFolder.apply(clientMethod, params));
+            }),
+        },
+    }); },
+}); });
+// Mock Drawer
+jest.mock('awing-library/lib/Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: props.title }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "submit" }), props.children] })); }; });
+// Mock Infomation
+jest.mock('./Infomation', function () { return function (props) { return ((0, jsx_runtime_1.jsx)("div", { children: Object.entries(props).map(function (_a) {
+        var key = _a[0], val = _a[1];
+        return typeof val === 'function' ? ((0, jsx_runtime_1.jsx)("button", { "data-testid": key, onClick: function () {
+                val(function (prev) { return (__assign(__assign({}, prev), { templateTypeId: 8, description: 'description' })); });
+            } }, key)) : ((0, jsx_runtime_1.jsx)("p", { "data-testid": key, children: JSON.stringify(val) }, key));
+    }) })); }; });
+// Mock Template
+jest.mock('./Template', function () { return function (props) { return (0, jsx_runtime_1.jsx)("div", { children: "Template Tab" }); }; });
+// Mock Template
+jest.mock('./Advance', function () { return function (props) { return (0, jsx_runtime_1.jsx)("div", { children: "Advance Tab" }); }; });
+// Mock FileTab
+jest.mock('./File', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "FileTab Tab" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "triggerReload", onClick: props.triggerReload })] }));
+}; });
+describe('Template CreateOrEdit component', function () {
+    beforeEach(function () {
+        ;
+        Router_1.useParams.mockReturnValue({ templateId: '' });
+    });
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(index_1.default, {}) }) }));
+    };
+    it('render without crash', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    // eslint-disable-next-line testing-library/no-unnecessary-act
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByText('TemplateManagement.Information'));
+                            react_1.fireEvent.click(react_1.screen.getByText('TemplateManagement.Template'));
+                            react_1.fireEvent.click(react_1.screen.getByText('TemplateManagement.Advance'));
+                            react_1.fireEvent.click(react_1.screen.getByText('Common.File'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('triggerReload'));
+                        })];
+                case 1:
+                    // eslint-disable-next-line testing-library/no-unnecessary-act
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('render with templateId', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ templateId: templateId });
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(templateData.template))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Create template', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesPostSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    templatesPostSpy = jest.spyOn(clientMethod, 'templatesPost');
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('handleTemplateData'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(templatesPostSpy).toBeCalled();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Edit template', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var templatesPutSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ templateId: templateId });
+                    templatesPutSpy = jest.spyOn(clientMethod, 'templatesPut');
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('handleTemplateData'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(templatesPutSpy).toBeCalled();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Template/CreateOrEdit/Infomation.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IDirectory } from '../../../ACM-AXN/Directory/interface';
+import { ITemplateType } from '../Types';
+interface InfomationProps {
+    directories: IDirectory[];
+    templateTypes: ITemplateType[];
+}
+declare const Infomation: React.FC<InfomationProps>;
+export default Infomation;