多维表格

539 lines
18 KiB

import { projectsPage } from "./navigation";
const path = require("path");
/**
* Delete the downloads folder to make sure the test has "clean"
* slate before starting.
*/
export const deleteDownloadsFolder = () => {
const downloadsFolder = Cypress.config("downloadsFolder");
cy.task("deleteFolder", downloadsFolder);
};
// main page
export class _mainPage {
constructor() {
// Top Right items
this.SHARE = 0;
this.THEME_BODY = 1;
this.THEME_HEADER = 2;
this.ALERT = 3;
this.LANGUAGE = 4;
this.USER = 5;
// Top Left items
this.HOME = 0;
this.GIT_HOME = 1;
this.GIT_STAR = 2;
this.GIT_DOCS = 3;
this.AUDIT = 0;
this.APPSTORE = 2;
this.TEAM_N_AUTH = 3;
this.PROJ_METADATA = 4;
this.ROLE_VIEW = 5;
this.ROLE_VIEW_EDITOR = 6;
this.ROLE_VIEW_COMMENTER = 7;
this.ROLE_VIEW_VIEWER = 8;
this.ROLE_VIEW_RESET = 9;
this.roleURL = {};
}
toolBarTopLeft(toolBarItem) {
return cy
.get("header.v-toolbar", { timeout: 20000 })
.eq(0)
.find("a")
.eq(toolBarItem);
}
toolBarTopRight(toolBarItem) {
return cy
.get("header.v-toolbar", { timeout: 20000 })
.eq(0)
.find("button")
.eq(toolBarItem);
}
navigationDraw(item) {
// open settings tab
cy.get(".nc-team-settings").should("exist").click();
// if (item == this.ROLE_VIEW)
// return cy.get('.nc-nav-drawer').find('.v-list').last()
// else
// return cy.get('.nc-nav-drawer').find('.v-list > .v-list-item').eq(item)
switch (item) {
case this.AUDIT:
return cy.get(".nc-settings-audit:visible").should("exist");
case this.APPSTORE:
return cy.get(".nc-settings-appstore:visible").should("exist");
case this.TEAM_N_AUTH:
return cy.get(".nc-settings-teamauth:visible").should("exist");
case this.PROJ_METADATA:
return cy.get(".nc-settings-projmeta:visible").should("exist");
case this.ROLE_VIEW_EDITOR:
return cy.get(".nc-preview-editor:visible").should("exist");
case this.ROLE_VIEW_COMMENTER:
return cy.get(".nc-preview-commenter:visible").should("exist");
case this.ROLE_VIEW_VIEWER:
return cy.get(".nc-preview-viewer:visible").should("exist");
case this.ROLE_VIEW_RESET:
return cy.get(".nc-preview-reset:visible").should("exist");
}
}
// add new user to specified role
//
addNewUserToProject = (userCred, roleType) => {
let linkText;
// click on New User button, feed details
cy.get('button:contains("New User")').first().click();
cy.snip("NewUser");
cy.get('label:contains("E-mail")')
.next("input")
.type(userCred.username)
.trigger("input");
cy.get('label:contains("Select User Role")').click();
// opt-in requested role & submit
cy.snipActiveMenu("Menu_RoleType");
cy.getActiveMenu().contains(roleType).click();
cy.get(".nc-invite-or-save-btn").click();
cy.toastWait("Successfully updated the user details");
// get URL, invoke
cy.snipActiveModal("Modal_NewUserURL");
cy.getActiveModal()
.find(".v-alert")
.then(($obj) => {
linkText = $obj.text().trim();
cy.log(linkText);
this.roleURL[roleType] = linkText;
cy.get("body").click("right");
});
};
addExistingUserToProject = (emailId, role) => {
cy.get('.v-list-item:contains("Team & Auth")').click();
cy.get(`tr:contains(${emailId})`)
.find(".mdi-plus", { timeout: 2000 })
.click();
cy.get(`tr:contains(${emailId})`)
.find(".mdi-pencil-outline", { timeout: 2000 })
.click();
cy.get("label:contains(Select User Role)").click();
// opt-in requested role & submit
//
cy.getActiveMenu().contains(role).click();
cy.get(".nc-invite-or-save-btn").click();
cy.toastWait("Successfully updated the user details");
this.roleURL[role] =
"http://localhost:3000/#/user/authentication/signin";
};
getCell = (columnHeader, cellNumber) => {
return cy.get(
`tbody > :nth-child(${cellNumber}) > [data-col="${columnHeader}"]`
);
};
getPagination = (pageNumber) => {
if (pageNumber == "<")
return cy.get(".nc-pagination .v-pagination > li:first-child");
if (pageNumber == ">")
return cy.get(".nc-pagination .v-pagination > li:last-child");
return cy.get(
`.nc-pagination .v-pagination > li:contains(${pageNumber}) button`
);
};
getRow = (rowIndex) => {
return cy.get(".xc-row-table").find("tr").eq(rowIndex);
};
addColumn = (colName, tableName) => {
cy.get(".v-window-item--active .nc-grid tr > th:last button").click({
force: true,
});
cy.get(".nc-column-name-input input", { timeout: 3000 })
.clear()
.type(colName);
cy.get(".nc-col-create-or-edit-card").contains("Save").click();
cy.toastWait(`Update table successful`);
};
addColumnWithType = (colName, colType, tableName) => {
cy.get(".v-window-item--active .nc-grid tr > th:last button").click({
force: true,
});
cy.get(".nc-column-name-input input", { timeout: 3000 })
.clear()
.type(colName);
// Column data type: to be set to lookup in this context
cy.get(".nc-ui-dt-dropdown").click();
cy.getActiveMenu().contains(colType).click();
cy.get(".nc-col-create-or-edit-card").contains("Save").click();
cy.toastWait(`Update table successful`);
};
deleteColumn = (colName) => {
cy.get(`th:contains(${colName}) .mdi-menu-down`)
.trigger("mouseover")
.click();
cy.get(".nc-column-delete", { timeout: 5000 }).click();
cy.get("button:contains(Confirm)").click();
};
getAuthToken = () => {
let obj = JSON.parse(localStorage["vuex"]);
return obj["users"]["token"];
};
configureSMTP = (from, host, port, secure) => {
cy.get(".v-card__title.title")
.contains("SMTP")
.parents(".elevatio")
.find("button")
.contains(" Install ")
.click({ force: true });
cy.getActiveModal()
.find('[placeholder="eg: admin@example.com"]')
.click()
.type(from);
cy.getActiveModal()
.find('[placeholder="eg: smtp.example.com"]')
.click()
.type(host);
cy.getActiveModal().find('[placeholder="Port"]').click().type(port);
cy.getActiveModal().find('[placeholder="Secure"]').click().type(secure);
cy.getActiveModal().find("button").contains("Save").click();
cy.toastWait(
"Successfully installed and email notification will use SMTP configuration"
);
this.closeMetaTab();
};
resetSMTP = () => {
cy.get(".v-card__title.title")
.contains("SMTP")
.parents(".elevatio")
.find("button")
.contains(" Reset ")
.click({ force: true });
cy.getActiveModal().find("button").contains("Submit").click();
cy.toastWait("Plugin uninstalled successfully");
this.closeMetaTab();
};
shareView = () => {
return cy.get(".nc-btn-share-view");
};
shareViewList = () => {
cy.get(".nc-actions-menu-btn").click();
return cy.getActiveMenu().find('[role="menuitem"]').eq(2);
};
downloadCsv = () => {
cy.get(".nc-actions-menu-btn").click();
return cy.getActiveMenu().find('[role="menuitem"]').eq(0);
};
uploadCsv = () => {
cy.get(".nc-actions-menu-btn").click();
return cy.getActiveMenu().find('[role="menuitem"]').eq(1);
};
automations = () => {
cy.get(".nc-actions-menu-btn").click();
return cy.getActiveMenu().find('[role="menuitem"]').eq(3);
};
hideField = (field) => {
cy.get(".nc-grid-header-cell").contains(field).should("be.visible");
cy.get(".nc-fields-menu-btn").click();
cy.snipActiveMenu("Menu_HideField");
cy.get(
`.menuable__content__active .v-list-item label:contains(${field})`
).click();
cy.get(".nc-fields-menu-btn").click();
cy.get(".nc-grid-header-cell").contains(field).should("not.be.visible");
};
unhideField = (field) => {
cy.get(".nc-grid-header-cell").contains(field).should("not.be.visible");
cy.get(".nc-fields-menu-btn").click();
cy.get(
`.menuable__content__active .v-list-item label:contains(${field})`
).click();
cy.get(".nc-fields-menu-btn").click();
cy.get(".nc-grid-header-cell").contains(field).should("be.visible");
};
sortField = (field, criteria) => {
cy.get(".nc-sort-menu-btn").click();
cy.contains("Add Sort Option").click();
cy.snipActiveMenu("Menu_SortField");
cy.get(".nc-sort-field-select div").first().click();
cy.snipActiveMenu("Menu_SortField_fieldSelection");
// cy.get(`.menuable__content__active .v-list-item:contains(${field})`)
// .first()
// .click();
cy.getActiveMenu().find(`.nc-sort-fld-${field}`).click();
cy.get(".nc-sort-dir-select div").first().click();
cy.snipActiveMenu("Menu_SortField_criteriaSelection");
cy.get(
`.menuable__content__active .v-list-item:contains(${criteria})`
).click();
cy.get(".nc-sort-menu-btn").click();
};
clearSort = () => {
cy.get(".nc-sort-menu-btn").click();
cy.get(".nc-sort-item-remove-btn").click();
cy.get(".nc-sort-menu-btn").click();
};
filterField = (field, operation, value) => {
cy.get(".nc-filter-menu-btn").click();
cy.wait(2000);
cy.contains("Add Filter").click();
cy.wait(2000);
cy.snipActiveMenu("Menu_FilterField");
cy.get(".nc-filter-field-select").should("exist").last().click();
cy.snipActiveMenu("Menu_FilterField-fieldSelect");
cy.getActiveMenu().find(`.nc-filter-fld-${field}`).click();
cy.get(".nc-filter-operation-select").should("exist").last().click();
cy.snipActiveMenu("Menu_FilterField-operationSelect");
cy.getActiveMenu().find(`.v-list-item:contains(${operation})`).click();
if (operation != "is null" && operation != "is not null") {
cy.get(".nc-filter-value-select input:text")
.should("exist")
.last()
.type(`${value}`);
cy.get(".nc-filter-operation-select").last().click();
}
cy.get(".nc-filter-field-select")
.find(".v-select__slot")
.contains(field)
.should("exist");
cy.get(".nc-filter-operation-select")
.find(".v-select__slot")
.contains(operation)
.should("exist");
cy.get(".nc-filter-menu-btn").click();
};
filterReset = () => {
cy.get(".nc-filter-menu-btn").click();
cy.get(".nc-filter-item-remove-btn").click();
cy.get(".nc-filter-menu-btn").click();
};
// delete created views
//
deleteCreatedViews = () => {
// cy.get(".v-navigation-drawer__content > .container")
// .find(".v-list > .v-list-item")
// .contains("Share View")
// .parent()
// .find("button.mdi-dots-vertical")
// .click();
// cy.getActiveMenu().find(".v-list-item").contains("Views List").click();
this.shareViewList().click();
cy.snipActiveModal("Modal_ShareViewList");
cy.wait(1000);
// cy.get('.container').find('button.mdi-delete-outline')
cy.get('th:contains("View Link")')
.should("exist")
.parent()
.parent()
.next()
.find("tr")
.each(($tableRow) => {
cy.log($tableRow[0].childElementCount);
// one of the row would contain seggregation header ('other views)
if (4 == $tableRow[0].childElementCount) {
cy.wrap($tableRow).find("button").last().click();
cy.wait(1000);
}
})
.then(() => {
cy.toastWait("Deleted shared view successfully");
// close modal
cy.get(".v-overlay--active > .v-overlay__scrim").click({
force: true,
});
});
};
// download CSV & verify
// download folder is configurable in cypress.
// trigger download
// wait for a while & check in configured download folder for the intended file
// if it exists, verify it against 'expectedRecords' passed in as parameter
//
downloadAndVerifyCsv = (filename, verifyCsv) => {
cy.get(".nc-actions-menu-btn").click();
cy.snipActiveMenu("Menu_ActionsMenu");
cy.get(
`.menuable__content__active .v-list-item span:contains("Download as CSV")`
).click();
cy.toastWait("Successfully exported all table data").then(() => {
// download folder path, read from config file
const downloadsFolder = Cypress.config("downloadsFolder");
let filePath = path.join(downloadsFolder, filename);
// append download folder path with filename to generate full file path, retrieve file
cy.readFile(filePath).then((fileData) => {
// from CSV, split into records (rows)
const rows = fileData.replace(/\r\n/g, "\n").split("\n");
verifyCsv(rows);
deleteDownloadsFolder();
});
});
};
getIFrameCell = (columnHeader, cellNumber) => {
return cy
.iframe()
.find(
`tbody > :nth-child(${cellNumber}) > [data-col="${columnHeader}"]`
);
};
// https://docs.cypress.io/guides/core-concepts/variables-and-aliases#Sharing-Context
getDatatype = (tableName, columnName) => {
cy.window().then((win) => {
const col = win.$nuxt.$store.state.meta.metas[tableName].columns;
let dataType = "";
col.forEach((element) => {
if (element.cn == columnName) dataType = element.uidt;
});
cy.wrap(dataType).as("ncDatatype");
});
};
openMetaTab() {
// open Project metadata tab
//
this.navigationDraw(this.PROJ_METADATA).click();
cy.snip("Meta_Tab0");
cy.get(".nc-meta-mgmt-metadata-tab")
.should("exist")
.click({ force: true });
// kludge, at times test failed to open tab on click
cy.get(".nc-meta-mgmt-metadata-tab")
.should("exist")
.click({ force: true });
cy.snip("Meta_Tab1");
}
closeMetaTab() {
// user href link to find meta mgmt tab
// cy.get('[href="#disableOrEnableModel||||Meta Management"]')
// .find("button.mdi-close")
// .click({ force: true });
cy.get("body").click("bottomRight");
// refresh
cy.refreshTableTab();
}
metaSyncValidate(tbl, msg) {
cy.get(".nc-btn-metasync-reload")
.should("exist")
.click({ force: true });
cy.get(`.nc-metasync-row-${tbl}`).contains(msg).should("exist");
cy.get(".nc-btn-metasync-sync-now")
.should("exist")
.click({ force: true })
.then(() => {
cy.toastWait(`Table metadata recreated successfully`);
});
cy.get(".nc-metasync-row").then((row) => {
for (let i = 0; i < row.length; i++) {
cy.wrap(row).contains("No change identified").should("exist");
}
});
// cy.get(`.nc-metasync-row-${tbl}`).contains(msg).should("not.exist");
// cy.get(`.nc-metasync-row-${tbl}`)
// .contains("No change identified")
// .should("exist");
// cy.toastWait(`Table metadata recreated successfully`);
// cy.get(`.nc-metasync-row-${tbl}`).should("exist");
}
tabReset() {
// temporary disable (kludge)
// mainPage.toolBarTopLeft(mainPage.HOME).click({ force: true });
// cy.get(".project-row").should("exist").click({ force: true });
// projectsPage.waitHomePageLoad();
// option-2
// cy.openTableTab("Country", 0);
// cy.get(".mdi-close").click({ multiple: true });
}
}
export const mainPage = new _mainPage();
/**
* @copyright Copyright (c) 2021, Xgene Cloud Ltd
*
* @author Raju Udava <sivadstala@gmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/