多维表格

361 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/>.
*
*/