mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
360 lines
11 KiB
360 lines
11 KiB
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/>. |
|
* |
|
*/
|
|
|