mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-29 21:06:37 +00:00
chore: move cypress-v2 to cypress
This commit is contained in:
Wing-Kam Wong
547
scripts/cypress/support/page_objects/mainPage.js
Normal file
547
scripts/cypress/support/page_objects/mainPage.js
Normal file
@@ -0,0 +1,547 @@
|
||||
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);
|
||||
};
|
||||
|
||||
export class _settingsPage {
|
||||
constructor() {
|
||||
// menu
|
||||
this.TEAM_N_AUTH = "teamAndAuth";
|
||||
this.APPSTORE = "appStore";
|
||||
this.PROJ_METADATA = "metaData";
|
||||
this.AUDIT = "audit";
|
||||
|
||||
// submenu
|
||||
this.USER_MANAGEMENT = "usersManagement";
|
||||
this.API_TOKEN_MANAGEMENT = "apiTokenManagement";
|
||||
this.APPS = "new";
|
||||
this.METADATA = "metaData";
|
||||
this.UI_ACCESS_CONTROL = "acl";
|
||||
this.AUDIT_LOG = "audit";
|
||||
}
|
||||
|
||||
openMenu(menuId) {
|
||||
// open settings tab
|
||||
// cy.get('.nc-team-settings').should('exist').click()
|
||||
// cy.get(`[data-menu-id=${menuId}]`).should('exist').click()
|
||||
cy.get('.nc-project-menu').should('exist').click()
|
||||
cy.getActiveMenu().find(`[data-menu-id="teamAndSettings"]`).should('exist').click()
|
||||
cy.get(`[data-menu-id=${menuId}]`).should('exist').click()
|
||||
}
|
||||
|
||||
openTab(tabId) {
|
||||
cy.get(`[data-menu-id=${tabId}]`).should('exist').last().click()
|
||||
}
|
||||
|
||||
closeMenu() {
|
||||
cy.getActiveModal().find('.nc-modal-close').click({ force: true });
|
||||
}
|
||||
|
||||
openProjectMenu() {
|
||||
cy.get('.nc-project-menu').should('exist').click()
|
||||
}
|
||||
}
|
||||
|
||||
// main page
|
||||
export class _mainPage {
|
||||
constructor() {
|
||||
|
||||
// Top Left items
|
||||
this.HOME = 0;
|
||||
|
||||
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-project-menu').should('exist').click()
|
||||
cy.getActiveMenu().find(`[data-menu-id="teamAndSettings"]`).should('exist').click()
|
||||
|
||||
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");
|
||||
}
|
||||
}
|
||||
|
||||
// add new user to specified role
|
||||
//
|
||||
addNewUserToProject = (userCred, roleType) => {
|
||||
let linkText;
|
||||
let roleIndex = ["creator", "editor", "commenter", "viewer"].indexOf(roleType)
|
||||
|
||||
// click on New User button, feed details
|
||||
cy.get('button.nc-invite-team').click();
|
||||
|
||||
cy.get('input[placeholder="E-mail"]')
|
||||
.type(userCred.username)
|
||||
|
||||
cy.get('.ant-select.nc-user-roles').click();
|
||||
|
||||
// opt-in requested role & submit
|
||||
// cy.getActiveSelection().contains(roleType).click({force: true});
|
||||
cy.getActiveSelection().find('.nc-role-option').eq(roleIndex).should('exist').click()
|
||||
cy.getActiveModal().find("button.ant-btn-primary").click();
|
||||
|
||||
cy.toastWait("Successfully updated the user details");
|
||||
|
||||
// get URL, invoke
|
||||
cy.getActiveModal()
|
||||
.find(".ant-alert-message")
|
||||
.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(
|
||||
`:nth-child(${cellNumber}) > [data-title="${columnHeader}"]`
|
||||
).last();
|
||||
};
|
||||
|
||||
getPagination = (pageNumber) => {
|
||||
if (pageNumber == "<")
|
||||
return cy.get(".nc-pagination > .ant-pagination-prev");
|
||||
if (pageNumber == ">")
|
||||
return cy.get(".nc-pagination > .ant-pagination-next");
|
||||
|
||||
return cy.get(
|
||||
`.nc-pagination > .ant-pagination-item.ant-pagination-item-${pageNumber}`
|
||||
);
|
||||
};
|
||||
|
||||
getRow = (rowIndex) => {
|
||||
return cy.get(".xc-row-table").find("tr").eq(rowIndex);
|
||||
};
|
||||
|
||||
addColumn = (colName, tableName) => {
|
||||
cy.get(".nc-column-add").click({
|
||||
force: true,
|
||||
});
|
||||
|
||||
cy.getActiveMenu().find('input.nc-column-name-input', { timeout: 3000 })
|
||||
.should('exist')
|
||||
.clear()
|
||||
.type(colName);
|
||||
cy.get(".ant-btn-primary").contains("Save").should('exist').click();
|
||||
cy.toastWait(`Column created`);
|
||||
cy.get(`th[data-title="${colName}"]`).should("exist");
|
||||
};
|
||||
|
||||
addColumnWithType = (colName, colType, tableName) => {
|
||||
cy.get(".nc-column-add").click({
|
||||
force: true,
|
||||
});
|
||||
|
||||
cy.getActiveMenu().find('input.nc-column-name-input', { timeout: 3000 })
|
||||
.should('exist')
|
||||
.clear()
|
||||
.type(colName);
|
||||
|
||||
// change column type and verify
|
||||
cy.get(".nc-column-type-input").last().click();
|
||||
cy.getActiveSelection().find('.ant-select-item-option').contains(colType).click();
|
||||
cy.get(".ant-btn-primary:visible").contains("Save").click();
|
||||
|
||||
cy.toastWait(`Column created`);
|
||||
cy.get(`th[data-title="${colName}"]`).should("exist");
|
||||
};
|
||||
|
||||
deleteColumn = (colName) => {
|
||||
cy.get(`th:contains(${colName})`).should("exist");
|
||||
|
||||
cy.get(`th:contains(${colName}) .nc-icon.ant-dropdown-trigger`)
|
||||
.trigger("mouseover", { force: true })
|
||||
.click({ force: true });
|
||||
|
||||
cy.wait(500)
|
||||
|
||||
cy.get(".nc-column-delete").click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-column-delete").should("not.be.visible");
|
||||
cy.get(".ant-btn-dangerous:visible").contains("Delete").click();
|
||||
cy.wait(500)
|
||||
|
||||
cy.get(`th:contains(${colName})`).should("not.exist");
|
||||
};
|
||||
|
||||
getAuthToken = () => {
|
||||
let obj = JSON.parse(localStorage["vuex"]);
|
||||
return obj["users"]["token"];
|
||||
};
|
||||
|
||||
configureSMTP = (from, host, port, secure) => {
|
||||
cy.getActiveModal().find('.nc-app-store-card-SMTP').click().then((obj) => {
|
||||
cy.wrap(obj).find('.nc-app-store-card-install').click({ force: true });
|
||||
})
|
||||
|
||||
cy.getActiveModal().find('#form_item_from').should('exist').clear().type(from)
|
||||
cy.getActiveModal().find('#form_item_host').should('exist').clear().type(host)
|
||||
cy.getActiveModal().find('#form_item_port').should('exist').clear().type(port)
|
||||
// cy.getActiveModal().find('#form_item_secure').should('exist').clear().type(secure)
|
||||
cy.getActiveModal().find("button").contains("Save").click();
|
||||
|
||||
cy.toastWait('Successfully installed and email notification will use SMTP configuration');
|
||||
settingsPage.closeMenu()
|
||||
};
|
||||
|
||||
resetSMTP = () => {
|
||||
cy.getActiveModal().find('.nc-app-store-card-SMTP').click().then((obj) => {
|
||||
cy.wrap(obj).find('.nc-app-store-card-reset').click({ force: true });
|
||||
})
|
||||
cy.getActiveModal().find("button").contains("Confirm").click();
|
||||
|
||||
cy.toastWait("Plugin uninstalled successfully");
|
||||
settingsPage.closeMenu()
|
||||
};
|
||||
|
||||
shareView = () => {
|
||||
return cy.get(".nc-btn-share-view").should("exist");
|
||||
};
|
||||
|
||||
shareViewList = () => {
|
||||
cy.get(".nc-actions-menu-btn").should('exist').click();
|
||||
return cy.getActiveMenu().find('.ant-dropdown-menu-item').contains('Shared View List');
|
||||
};
|
||||
|
||||
downloadCsv = () => {
|
||||
cy.get(".nc-actions-menu-btn").should('exist').click();
|
||||
return cy.getActiveMenu().find('.ant-dropdown-menu-item').contains('Download as CSV');
|
||||
};
|
||||
|
||||
downloadExcel = () => {
|
||||
cy.get(".nc-actions-menu-btn").should('exist').click();
|
||||
return cy.getActiveMenu().find('.ant-dropdown-menu-item').contains('Download as XLSX');
|
||||
};
|
||||
|
||||
uploadCsv = () => {
|
||||
cy.get(".nc-actions-menu-btn").should('exist').click();
|
||||
return cy.getActiveMenu().find('.ant-dropdown-menu-item').contains('Upload CSV');
|
||||
};
|
||||
|
||||
automations = () => {
|
||||
cy.get(".nc-actions-menu-btn").should('exist').click();
|
||||
return cy.getActiveMenu().find('.ant-dropdown-menu-item').contains('Webhooks');
|
||||
};
|
||||
|
||||
hideField = (field) => {
|
||||
cy.get(`th[data-title="${field}"]`).should("be.visible");
|
||||
cy.get(".nc-fields-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.getActiveMenu().find(`.nc-fields-list label:contains(${field}):visible`).click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-fields-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(`th[data-title="${field}"]`).should("not.exist");
|
||||
};
|
||||
|
||||
unhideField = (field) => {
|
||||
cy.get(`th[data-title="${field}"]`).should("not.exist");
|
||||
cy.get(".nc-fields-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.getActiveMenu().find(`.nc-fields-list label:contains(${field}):visible`).click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-fields-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(`th[data-title="${field}"]`).should("be.visible");
|
||||
};
|
||||
|
||||
sortField = (field, criteria) => {
|
||||
cy.get(".nc-sort-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.getActiveMenu().contains("Add Sort Option").click();
|
||||
cy.wait(500)
|
||||
// cy.get(".nc-sort-field-select div").first().click().type(field);
|
||||
cy.get(".nc-sort-field-select div").first().click();
|
||||
cy.wait(500)
|
||||
cy.get('.ant-select-dropdown:visible').find(`.ant-select-item`).contains(new RegExp("^" + field + "$", "g")).should('exist').click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-sort-dir-select div").first().click();
|
||||
cy.wait(500)
|
||||
cy.get('.ant-select-dropdown:visible').find(`.ant-select-item`).contains(criteria).should('exist').click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-sort-menu-btn").click();
|
||||
cy.wait(500)
|
||||
};
|
||||
|
||||
clearSort = () => {
|
||||
cy.get(".nc-sort-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-sort-item-remove-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-sort-item-remove-btn:visible").should("not.exist");
|
||||
cy.get(".nc-sort-menu-btn").click();
|
||||
cy.wait(500)
|
||||
|
||||
};
|
||||
|
||||
filterField = (field, operation, value) => {
|
||||
cy.get(".nc-filter-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.contains("Add Filter").click();
|
||||
cy.wait(500)
|
||||
// cy.get(".nc-filter-field-select").should("exist").last().click().type(field);
|
||||
cy.get(".nc-filter-field-select").should("exist").last().click();
|
||||
cy.wait(500)
|
||||
cy.get('.ant-select-dropdown:visible').should('exist').find(`.ant-select-item`).contains(new RegExp("^" + field + "$", "g")).should('exist').click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-filter-operation-select").should("exist").last().click();
|
||||
cy.wait(500)
|
||||
cy.get('.ant-select-dropdown:visible').should('exist').find(`.ant-select-item`).contains(operation).should('exist').click();
|
||||
cy.wait(500)
|
||||
if (operation != "is null" && operation != "is not null") {
|
||||
cy.get(".nc-filter-value-select")
|
||||
.should("exist")
|
||||
.last()
|
||||
.type(value);
|
||||
cy.get(".nc-filter-operation-select").last().click();
|
||||
cy.wait(500)
|
||||
}
|
||||
cy.get(".nc-filter-menu-btn").click();
|
||||
cy.wait(500)
|
||||
};
|
||||
|
||||
filterReset = () => {
|
||||
cy.get(".nc-filter-menu-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-filter-item-remove-btn").click();
|
||||
cy.wait(500)
|
||||
cy.get(".nc-filter-item-remove-btn").should("not.exist");
|
||||
cy.get(".nc-filter-menu-btn").click();
|
||||
cy.wait(500)
|
||||
};
|
||||
|
||||
// delete created views
|
||||
//
|
||||
deleteCreatedViews = () => {
|
||||
this.shareViewList().click();
|
||||
|
||||
cy.get('th:contains("View Link")')
|
||||
.should("be.visible")
|
||||
.parent()
|
||||
.parent()
|
||||
.next()
|
||||
.find("tr")
|
||||
.each(($tableRow) => {
|
||||
cy.log($tableRow[0].childElementCount);
|
||||
|
||||
// one of the row would contain seggregation header ('other views)
|
||||
if (5 == $tableRow[0].childElementCount) {
|
||||
cy.wrap($tableRow).find(".nc-icon").last().click();
|
||||
cy.wait(100);
|
||||
}
|
||||
})
|
||||
.then(() => {
|
||||
cy.toastWait("Deleted shared view successfully");
|
||||
cy.getActiveModal().find("button.ant-modal-close").should('exist').click();
|
||||
});
|
||||
};
|
||||
|
||||
// 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, role) => {
|
||||
|
||||
if(role === 'commenter' || role === 'viewer') {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
cy.getActiveMenu().find('.nc-project-menu-item').contains('Download as CSV').click();
|
||||
} else {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
cy.getActiveMenu().find('.nc-project-menu-item').contains('Download').click();
|
||||
cy.wait(1000);
|
||||
cy.get('.nc-project-menu-item').contains('Download as CSV').should('exist').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();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
downloadAndVerifyCsvFromSharedView = (filename, verifyCsv) => {
|
||||
cy.get(".nc-actions-menu-btn").click();
|
||||
cy.get('.nc-project-menu-item').contains('Download as CSV').should('exist').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
|
||||
//
|
||||
settingsPage.openMenu(settingsPage.PROJ_METADATA)
|
||||
settingsPage.openTab(settingsPage.METADATA)
|
||||
}
|
||||
|
||||
closeMetaTab() {
|
||||
// close Project metadata tab
|
||||
settingsPage.closeMenu()
|
||||
}
|
||||
|
||||
metaSyncValidate(tbl, msg) {
|
||||
cy.get(".nc-btn-metasync-reload")
|
||||
.should("exist")
|
||||
.click();
|
||||
cy.wait(2000);
|
||||
cy.get(`.nc-metasync-row-${tbl}`).contains(msg).should("exist");
|
||||
cy.get(".nc-btn-metasync-sync-now")
|
||||
.should("exist")
|
||||
.click()
|
||||
.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");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
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 });
|
||||
// cy.get("button.ant-tabs-tab-remove").click({ multiple: true });
|
||||
// cy.get('.ant-tabs-tab-remove').should('not.exist')
|
||||
}
|
||||
|
||||
toggleRightSidebar() {
|
||||
cy.get(".nc-toggle-right-navbar").should("exist").click();
|
||||
}
|
||||
}
|
||||
|
||||
export const mainPage = new _mainPage();
|
||||
export const settingsPage = new _settingsPage();
|
||||
|
||||
/**
|
||||
* @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/>.
|
||||
*
|
||||
*/
|
||||
317
scripts/cypress/support/page_objects/navigation.js
Normal file
317
scripts/cypress/support/page_objects/navigation.js
Normal file
@@ -0,0 +1,317 @@
|
||||
import { roles, staticProjects, defaultDbParams } from "./projectConstants";
|
||||
|
||||
///////////////////////////////////////////////////////////
|
||||
// Sign in/ Sign up page
|
||||
|
||||
// list of hard-wired URL that can be used by nocodb
|
||||
// suffix to baseUrl needs to be defined here
|
||||
//
|
||||
const urlPool = {
|
||||
ncUrlBase: "/",
|
||||
ncUrlSignUp: "#/signup",
|
||||
ncUrlSignIn: "#/signin",
|
||||
};
|
||||
|
||||
export class _loginPage {
|
||||
// prefix: baseUrl
|
||||
go(urlKey) {
|
||||
cy.visit(urlKey);
|
||||
}
|
||||
|
||||
// visit SignIn URL, enter credentials passed as parameters
|
||||
//
|
||||
signIn(userCredentials) {
|
||||
this.go(urlPool.ncUrlBase);
|
||||
|
||||
cy.get('input[type="text"]', { timeout: 20000 }).type(
|
||||
userCredentials.username
|
||||
);
|
||||
cy.get('input[type="password"]').type(userCredentials.password);
|
||||
cy.get('button:contains("SIGN IN")').click();
|
||||
|
||||
this.waitProjectPageLoad();
|
||||
}
|
||||
|
||||
// visit SignUp URL, enter credentials passed as parameters
|
||||
//
|
||||
signUp(userCredentials) {
|
||||
this.go(urlPool.ncUrlSignUp);
|
||||
|
||||
cy.get('input[type="text"]', { timeout: 20000 }).type(
|
||||
userCredentials.username
|
||||
);
|
||||
cy.get('input[type="password"]').type(userCredentials.password);
|
||||
cy.get('button:contains("SIGN UP")').click();
|
||||
|
||||
this.waitProjectPageLoad();
|
||||
}
|
||||
|
||||
// logout signed up user
|
||||
//
|
||||
signOut() {
|
||||
cy.get(".nc-user-menu").click();
|
||||
cy.get(".nc-user-menu-signout").click();
|
||||
|
||||
this.waitLoginPageLoad();
|
||||
}
|
||||
|
||||
// delay/ wait utility routines
|
||||
//
|
||||
waitProjectPageLoad() {
|
||||
cy.get(".nc-new-project-menu").should("exist");
|
||||
}
|
||||
|
||||
waitLoginPageLoad() {
|
||||
cy.get(".nc-form-signin").should("exist");
|
||||
}
|
||||
|
||||
// standard pre-project activity
|
||||
//
|
||||
loginAndOpenProject(apiType, dbType) {
|
||||
loginPage.signIn(roles.owner.credentials);
|
||||
projectsPage.openConfiguredProject(apiType, dbType);
|
||||
// if (dbType === "mysql") {
|
||||
// projectsPage.openProject(staticProjects.externalREST.basic.name);
|
||||
// } else if (dbType === "xcdb") {
|
||||
// projectsPage.openProject(staticProjects.sampleREST.basic.name);
|
||||
// } else if (dbType === "postgres") {
|
||||
// projectsPage.openProject(staticProjects.pgExternalREST.basic.name);
|
||||
// }
|
||||
//
|
||||
// // kludge: wait for page load to finish
|
||||
// cy.wait(2000);
|
||||
// // close team & auth tab
|
||||
// cy.get('button.ant-tabs-tab-remove').should('exist').click();
|
||||
// cy.wait(1000);
|
||||
}
|
||||
}
|
||||
|
||||
///////////////////////////////////////////////////////////
|
||||
// Projects page
|
||||
|
||||
export class _projectsPage {
|
||||
// Project creation options
|
||||
//
|
||||
|
||||
// {dbType, apiType, name}
|
||||
// for external database, {databaseType, hostAddress, portNumber, username, password, databaseName}
|
||||
|
||||
openConfiguredProject(apiType, dbType) {
|
||||
|
||||
if (dbType === "mysql") {
|
||||
projectsPage.openProject(staticProjects.externalREST.basic.name);
|
||||
} else if (dbType === "xcdb") {
|
||||
projectsPage.openProject(staticProjects.sampleREST.basic.name);
|
||||
} else if (dbType === "postgres") {
|
||||
projectsPage.openProject(staticProjects.pgExternalREST.basic.name);
|
||||
}
|
||||
|
||||
// kludge: wait for page load to finish
|
||||
cy.wait(4000);
|
||||
// close team & auth tab
|
||||
cy.get('button.ant-tabs-tab-remove').should('exist').click();
|
||||
cy.wait(1000);
|
||||
}
|
||||
|
||||
|
||||
// Open existing project
|
||||
//
|
||||
openProject(projectName) {
|
||||
cy.get(".ant-table-row").contains(`${projectName}`).should("exist").click();
|
||||
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
}
|
||||
|
||||
// Create new project
|
||||
// Input:
|
||||
// projectData {dbType, apiType, name}
|
||||
// dbCredentials {databaseType, hostAddress, portNumber, username, password, databaseName}
|
||||
// Returns: projectName
|
||||
//
|
||||
// To configure
|
||||
// SSL & advanced parameters
|
||||
// Database type selection
|
||||
//
|
||||
createProject(projectData, cred) {
|
||||
cy.get("body", { timeout: 2000 });
|
||||
|
||||
let projectName = projectData.name;
|
||||
if (projectData.name == "") projectName = "test_proj" + Date.now();
|
||||
|
||||
// click on "New Project"
|
||||
cy.get(".nc-new-project-menu").should("exist").click();
|
||||
|
||||
if ("none" == projectData.dbType) {
|
||||
// Subsequent form, select (+ Create) option
|
||||
cy.get(".nc-create-xc-db-project", { timeout: 20000 }).last().click({
|
||||
force: true,
|
||||
});
|
||||
|
||||
// wait for page load by verifying required elements
|
||||
cy.get(".nc-metadb-project-name").should("exist");
|
||||
cy.contains("button", "Create").should("exist");
|
||||
|
||||
cy.wait(1000)
|
||||
|
||||
// feed project name
|
||||
cy.get(".nc-metadb-project-name", { timeout: 20000 }).clear().type(
|
||||
projectName
|
||||
);
|
||||
|
||||
// Submit
|
||||
cy.contains("button", "Create", { timeout: 20000 }).click();
|
||||
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
|
||||
return projectName;
|
||||
}
|
||||
|
||||
// dbType == 'external'
|
||||
else {
|
||||
// Subsequent form, select (+ Create by connection to external database) option
|
||||
cy.get(".nc-create-external-db-project", { timeout: 20000 }).last().click({
|
||||
force: true,
|
||||
});
|
||||
|
||||
// wait for page load by verifying required elements
|
||||
cy.get('.nc-extdb-host-database').should('exist');
|
||||
cy.get('.nc-extdb-proj-name').should('exist');
|
||||
cy.get('.nc-extdb-btn-test-connection').should('exist');
|
||||
|
||||
// CY goes too fast at times, so wait for the page to load
|
||||
cy.wait(1000);
|
||||
|
||||
cy.get('.nc-extdb-proj-name').clear().type(projectName);
|
||||
|
||||
if (cred.databaseType === 1) {
|
||||
cy.get('.nc-extdb-db-type').should('exist').click();
|
||||
cy.getActiveSelection().find('.ant-select-item-option').contains("PostgreSQL").click();
|
||||
}
|
||||
|
||||
if (cred.databaseName !== "") {
|
||||
cy.get('.nc-extdb-host-database').clear().type(cred.databaseName);
|
||||
}
|
||||
|
||||
// Test database connection
|
||||
cy.contains("Test Database Connection", { timeout: 20000 }).click();
|
||||
|
||||
// Create project
|
||||
cy.contains("Ok & Save Project", { timeout: 20000 }).click();
|
||||
|
||||
cy.wait(5000)
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
|
||||
return projectName;
|
||||
}
|
||||
}
|
||||
|
||||
// // create REST default project (sakila DB)
|
||||
// //
|
||||
// createDefaulRestProject() {
|
||||
// return this.createProject(
|
||||
// { dbType: 1, apiType: 0, name: "" },
|
||||
// defaultDbParams
|
||||
// );
|
||||
// }
|
||||
|
||||
// // search project with given key
|
||||
// // return project-name array
|
||||
// //
|
||||
// searchProject(projectNameKey) {
|
||||
// cy.get('input[placeholder="Search Project"]').type(projectNameKey);
|
||||
//
|
||||
// const projectName = [];
|
||||
//
|
||||
// cy.get("table tr")
|
||||
// .each((tableRow) => {
|
||||
// cy.wrap(tableRow)
|
||||
// .find("td")
|
||||
// .eq(0)
|
||||
// .find(".title")
|
||||
// .then((input) => {
|
||||
// projectName.push(input.text());
|
||||
// });
|
||||
// })
|
||||
// .then(() => {
|
||||
// // TBD: validate project name to contain search key
|
||||
// console.log(projectName);
|
||||
// return projectName;
|
||||
// });
|
||||
// }
|
||||
|
||||
// remove specified project entry
|
||||
//
|
||||
deleteProject(projectName) {
|
||||
cy.log("Delete project: " + projectName);
|
||||
cy.get(".nc-noco-brand-icon").should('exist').click();
|
||||
cy.get(".ant-table-row").contains(`${projectName}`).should("exist")
|
||||
.then(($obj) => {
|
||||
cy.log($obj)
|
||||
cy.wrap($obj).parent().parent().find('.ant-table-cell').last().click()
|
||||
})
|
||||
|
||||
// pop-up, submit
|
||||
cy.getActiveModal().find('button:contains("Yes")').click({});
|
||||
}
|
||||
|
||||
// remove all projects created
|
||||
//
|
||||
// 1. read all project names to be deleted, store in array
|
||||
// 2. invoke delete project for each entry in array
|
||||
//
|
||||
// deleteAllProject() {
|
||||
|
||||
// const projectName = []
|
||||
|
||||
// cy.get('table tr').each((tableRow) => {
|
||||
|
||||
// cy.wrap(tableRow).find('td').eq(0).find('.title').then((input) => {
|
||||
// projectName.push(input.text())
|
||||
// })
|
||||
// })
|
||||
// .then(() => {
|
||||
// console.log(projectName)
|
||||
// projectName.forEach(element => {
|
||||
|
||||
// // bring back the DOM to normalcy
|
||||
// cy.get('div').parentsUntil('body')
|
||||
// this.deleteProject(element)
|
||||
|
||||
// // wait needed for pop up to disapper
|
||||
// this.waitDeletePageLoad()
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
|
||||
waitHomePageLoad() {
|
||||
cy.url({ timeout: 50000 }).should("contain", "/#/nc/p_");
|
||||
}
|
||||
}
|
||||
|
||||
export const loginPage = new _loginPage();
|
||||
export const projectsPage = new _projectsPage();
|
||||
|
||||
/**
|
||||
* @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/>.
|
||||
*
|
||||
*/
|
||||
158
scripts/cypress/support/page_objects/projectConstants.js
Normal file
158
scripts/cypress/support/page_objects/projectConstants.js
Normal file
@@ -0,0 +1,158 @@
|
||||
export const defaultDbParams = {
|
||||
databaseType: 0, // MySQL
|
||||
hostAddress: "localhost",
|
||||
portNumber: "3306",
|
||||
username: "root",
|
||||
password: "password",
|
||||
databaseName: "sakila",
|
||||
};
|
||||
|
||||
export const defaultPgDbParams = {
|
||||
databaseType: 1, // Postgres
|
||||
hostAddress: "localhost",
|
||||
portNumber: "5432",
|
||||
username: "postgres",
|
||||
password: "password",
|
||||
databaseName: "postgres",
|
||||
};
|
||||
|
||||
// database
|
||||
// validation details
|
||||
// advSettings: left navigation bar (audit, metadata, auth, transient view modes)
|
||||
// editSchema: create table, add/update/delete column
|
||||
// editData: add/ update/ delete row, cell contents
|
||||
// editComment: add comment
|
||||
// shareView: right navigation bar (share options)
|
||||
export const roles = {
|
||||
owner: {
|
||||
name: "owner",
|
||||
credentials: { username: "user@nocodb.com", password: "Password123." },
|
||||
validations: {
|
||||
advSettings: true,
|
||||
editSchema: true,
|
||||
editData: true,
|
||||
editComment: true,
|
||||
shareView: true,
|
||||
},
|
||||
},
|
||||
creator: {
|
||||
name: "creator",
|
||||
credentials: {
|
||||
username: "creator@nocodb.com",
|
||||
password: "Password123.",
|
||||
},
|
||||
validations: {
|
||||
advSettings: true,
|
||||
editSchema: true,
|
||||
editData: true,
|
||||
editComment: true,
|
||||
shareView: true,
|
||||
},
|
||||
},
|
||||
editor: {
|
||||
name: "editor",
|
||||
credentials: {
|
||||
username: "editor@nocodb.com",
|
||||
password: "Password123.",
|
||||
},
|
||||
validations: {
|
||||
advSettings: false,
|
||||
editSchema: false,
|
||||
editData: true,
|
||||
editComment: true,
|
||||
shareView: false,
|
||||
},
|
||||
},
|
||||
commenter: {
|
||||
name: "commenter",
|
||||
credentials: {
|
||||
username: "commenter@nocodb.com",
|
||||
password: "Password123.",
|
||||
},
|
||||
validations: {
|
||||
advSettings: false,
|
||||
editSchema: false,
|
||||
editData: false,
|
||||
editComment: true,
|
||||
shareView: false,
|
||||
},
|
||||
},
|
||||
viewer: {
|
||||
name: "viewer",
|
||||
credentials: {
|
||||
username: "viewer@nocodb.com",
|
||||
password: "Password123.",
|
||||
},
|
||||
validations: {
|
||||
advSettings: false,
|
||||
editSchema: false,
|
||||
editData: false,
|
||||
editComment: false,
|
||||
shareView: false,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
// default projects
|
||||
//
|
||||
export const staticProjects = {
|
||||
sampleREST: {
|
||||
basic: { dbType: "none", apiType: "REST", name: "sampleREST" },
|
||||
config: {},
|
||||
},
|
||||
sampleGQL: {
|
||||
basic: { dbType: "none", apiType: "GQL", name: "sampleGQL" },
|
||||
config: {},
|
||||
},
|
||||
externalREST: {
|
||||
basic: { dbType: "external", apiType: "REST", name: "externalREST" },
|
||||
config: defaultDbParams,
|
||||
},
|
||||
externalGQL: {
|
||||
basic: { dbType: "external", apiType: "GQL", name: "externalGQL" },
|
||||
config: defaultDbParams,
|
||||
},
|
||||
pgExternalREST: {
|
||||
basic: { dbType: "external", apiType: "REST", name: "pgExtREST" },
|
||||
config: defaultPgDbParams,
|
||||
},
|
||||
pgExternalGQL: {
|
||||
basic: { dbType: "external", apiType: "GQL", name: "pgExternalGQL" },
|
||||
config: defaultPgDbParams,
|
||||
},
|
||||
};
|
||||
|
||||
// return TRUE if test suite specified is activated from env-variables
|
||||
//
|
||||
export const isTestSuiteActive = (apiType, dbType) => {
|
||||
const env = Cypress.env("testMode");
|
||||
return env.some(
|
||||
(element) => element.apiType === apiType && element.dbType === dbType
|
||||
);
|
||||
};
|
||||
|
||||
let currentTestMode = { apiType: null, dbType: null };
|
||||
let xcdbProjectString = ``;
|
||||
export function setCurrentMode(apiType, dbType) {
|
||||
currentTestMode = { apiType: apiType, dbType: dbType };
|
||||
}
|
||||
|
||||
export function getCurrentMode() {
|
||||
return currentTestMode;
|
||||
}
|
||||
|
||||
export function isXcdb() {
|
||||
return currentTestMode.dbType === "xcdb";
|
||||
}
|
||||
|
||||
export function isPostgres() {
|
||||
return currentTestMode.dbType === "postgres";
|
||||
}
|
||||
|
||||
export function setProjectString(projStr) {
|
||||
xcdbProjectString = projStr;
|
||||
}
|
||||
|
||||
export function getProjectString() {
|
||||
return xcdbProjectString;
|
||||
}
|
||||
Reference in New Issue
Block a user