mirror of https://github.com/nocodb/nocodb
540 lines
18 KiB
540 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@run.com"]') |
|
.click() |
|
.type(from); |
|
cy.getActiveModal() |
|
.find('[placeholder="eg: smtp.run.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 = () => { |
|
cy.wait(3000); |
|
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().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/>. |
|
* |
|
*/
|
|
|