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: "#/user/authentication/signup", ncUrlSignIn: "#/user/authentication/signin", }; export class _loginPage { // prefix: baseUrl go(urlKey) { cy.visit(urlKey); } // visit SignIn URL, enter credentials passed as parameters // signIn(userCredentials) { this.go(urlPool.ncUrlSignIn); 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(); } // delay/ wait utility routines // waitProjectPageLoad() { cy.url({ timeout: 6000 }).should("contain", "#/project"); cy.get(".nc-new-project-menu").should("exist"); } // standard pre-project activity // loginAndOpenProject(apiType, dbType) { loginPage.signIn(roles.owner.credentials); if (dbType === "mysql") { if ("rest" == apiType) projectsPage.openProject( staticProjects.externalREST.basic.name ); else projectsPage.openProject(staticProjects.externalGQL.basic.name); } else if (dbType === "xcdb") { if ("rest" == apiType) projectsPage.openProject(staticProjects.sampleREST.basic.name); else { projectsPage.openProject(staticProjects.sampleGQL.basic.name); } } else if (dbType === "postgres") { if ("rest" == apiType) projectsPage.openProject( staticProjects.pgExternalREST.basic.name ); else { projectsPage.openProject( staticProjects.pgExternalGQL.basic.name ); } } } } /////////////////////////////////////////////////////////// // Projects page export class _projectsPage { // Project creation options // // {dbType, apiType, name} // for external database, {databaseType, hostAddress, portNumber, username, password, databaseName} // Open existing project // TODO: add projectName validation // openProject(projectName) { cy.get("tbody").contains("tr", 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(":nth-child(5) > .v-btn", { timeout: 20000 }).click(); 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 }).click({ force: true, }); // feed project name cy.get(".nc-metadb-project-name", { timeout: 20000 }).type( projectName ); // Radio button: defaults to NC_REST if ("GQL" == projectData.apiType) { cy.contains("GRAPHQL APIs").closest("label").click(); } cy.snip("XcdbCreate"); // 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 }).click({ force: true, }); // feed project name //cy.get('.nc-metadb-project-name').type(projectName) cy.contains("Enter Project Name", { timeout: 20000 }) .parent() .find("input") .clear() .type(projectName); // Radio button: defaults to NC_REST if ("GQL" == projectData.apiType) { cy.contains("GRAPHQL APIs").closest("label").click(); } // postgres project if (cred.databaseType === 1) { cy.get(".db-select").click(); cy.getActiveMenu() .find(`[role="option"]`) .contains("Postgre") .should("exist") .click(); } if (cred.hostAddress != "") cy.contains("Host Address") .parent() .find("input") .clear() .type(cred.hostAddress); if (cred.portNumber != "") cy.contains("Port Number") .parent() .find("input") .clear() .type(cred.portNumber); if (cred.username != "") cy.contains("Username") .parent() .find("input") .clear() .type(cred.username); if (cred.password != "") cy.contains("Password") .parent() .find("input") .clear() .type(cred.password); if (cred.databaseName != "") cy.contains("Database : create if not exists") .parent() .find("input") .clear() .type(cred.databaseName); cy.snip("ExtDbCreate"); // Test database connection cy.contains("Test Database Connection", { timeout: 20000 }).click(); cy.snipActiveModal("Modal_OK_SaveProject"); // Create project cy.contains("Ok & Save Project", { timeout: 20000 }).click(); // takes a while to load project this.waitHomePageLoad(); cy.snip("Team&Auth_UserMgmt"); return projectName; } } // create REST default project (sakila DB) // createDefaulRestProject() { return this.createProject( { dbType: 1, apiType: 0, name: "" }, defaultDbParams ); } // create GraphQL default project (sakila DB) // createDefaultGraphQlProject() { return this.createProject( { dbType: 1, apiType: 1, name: "" }, defaultDbParams ); } // Click on refresh key on projects page // refreshProject() { cy.contains("My Projects").parent().find("button").click(); } // 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 // TODO: error handling // deleteProject(name) { // delete icon cy.get("tbody") .contains("tr", name) .find(".mdi-delete-circle-outline") .click(); cy.toastWait("deleted successfully"); // this.waitDeletePageLoad() // pop-up, submit cy.get("body").then((body) => { cy.wrap(body).find("button").contains("Submit").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", "&dbalias="); } } 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/>. * */