mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 12:27:00 +00:00
chore: move cypress to cypress-backup
This commit is contained in:
Wing-Kam Wong
@@ -1,546 +0,0 @@
|
||||
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@run.com"]')
|
||||
.click()
|
||||
.type(from);
|
||||
cy.getActiveModal()
|
||||
.find('[placeholder="eg: smtp.run.com"]')
|
||||
.click()
|
||||
.type(host);
|
||||
cy.getActiveModal().find('[placeholder="Port"]').click().type(port);
|
||||
// TODO: in v2, it would be a button
|
||||
// if (secure) cy.getActiveModal().find('[placeholder="Secure"]').click();
|
||||
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 = () => {
|
||||
cy.wait(3000);
|
||||
return cy.get(".nc-btn-share-view");
|
||||
};
|
||||
|
||||
shareViewList = () => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
return cy.getActiveMenu().find('[role="menuitem"]').contains("Shared View List");
|
||||
};
|
||||
|
||||
downloadCsv = () => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
return cy.getActiveMenu().find('[role="menuitem"]').contains("Download as CSV");
|
||||
};
|
||||
|
||||
downloadExcel = () => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
return cy.getActiveMenu().find('[role="menuitem"]').contains("Download as XLSX");
|
||||
};
|
||||
|
||||
uploadCsv = () => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
return cy.getActiveMenu().find('[role="menuitem"]').contains("Upload CSV");
|
||||
};
|
||||
|
||||
automations = () => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
return cy.getActiveMenu().find('[role="menuitem"]').contains("Webhooks");
|
||||
};
|
||||
|
||||
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().type(field);
|
||||
cy.snipActiveMenu("Menu_SortField_fieldSelection");
|
||||
// cy.get(`.menuable__content__active .v-list-item:contains(${field})`)
|
||||
// .first()
|
||||
// .click();
|
||||
// cy.wait(3000)
|
||||
cy.getActiveMenu().find(`.nc-fld-${field}`).should('exist').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().type(field);;
|
||||
cy.snipActiveMenu("Menu_FilterField-fieldSelect");
|
||||
|
||||
cy.getActiveMenu().find(`.nc-fld-${field}`).should('exist').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/>.
|
||||
*
|
||||
*/
|
||||
Reference in New Issue
Block a user