mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-28 07:25:41 +00:00
test: cypress pg suite corrections to co-exist with mysql/xcdb suite
Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
This commit is contained in:
Raju Udava
@@ -7,295 +7,310 @@ import { roles, staticProjects, defaultDbParams } from "./projectConstants";
|
||||
// suffix to baseUrl needs to be defined here
|
||||
//
|
||||
const urlPool = {
|
||||
ncUrlBase: "/",
|
||||
ncUrlSignUp: "#/user/authentication/signup",
|
||||
ncUrlSignIn: "#/user/authentication/signin",
|
||||
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);
|
||||
// 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
///////////////////////////////////////////////////////////
|
||||
// Projects page
|
||||
|
||||
export class _projectsPage {
|
||||
// Project creation options
|
||||
//
|
||||
// Project creation options
|
||||
//
|
||||
|
||||
// {dbType, apiType, name}
|
||||
// for external database, {databaseType, hostAddress, portNumber, username, password, databaseName}
|
||||
// {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();
|
||||
// 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();
|
||||
|
||||
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();
|
||||
}
|
||||
|
||||
// Submit
|
||||
cy.contains("button", "Create", { timeout: 20000 }).click();
|
||||
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
|
||||
return projectName;
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
}
|
||||
|
||||
// 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,
|
||||
});
|
||||
// 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 });
|
||||
|
||||
// feed project name
|
||||
//cy.get('.nc-metadb-project-name').type(projectName)
|
||||
cy.contains("Enter Project Name", { timeout: 20000 })
|
||||
.parent()
|
||||
.find("input")
|
||||
.clear()
|
||||
.type(projectName);
|
||||
let projectName = projectData.name;
|
||||
|
||||
// Radio button: defaults to NC_REST
|
||||
if ("GQL" == projectData.apiType) {
|
||||
cy.contains("GRAPHQL APIs").closest("label").click();
|
||||
}
|
||||
if (projectData.name == "") projectName = "test_proj" + Date.now();
|
||||
|
||||
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);
|
||||
// click on "New Project"
|
||||
cy.get(":nth-child(5) > .v-btn", { timeout: 20000 }).click();
|
||||
|
||||
// Test database connection
|
||||
cy.contains("Test Database Connection", { timeout: 20000 }).click();
|
||||
if ("none" == projectData.dbType) {
|
||||
// Subsequent form, select (+ Create) option
|
||||
cy.get(".nc-create-xc-db-project", { timeout: 20000 }).click({
|
||||
force: true,
|
||||
});
|
||||
|
||||
// Create project
|
||||
cy.contains("Ok & Save Project", { timeout: 20000 }).click();
|
||||
// feed project name
|
||||
cy.get(".nc-metadb-project-name", { timeout: 20000 }).type(
|
||||
projectName
|
||||
);
|
||||
|
||||
// takes a while to load project
|
||||
this.waitHomePageLoad();
|
||||
// Radio button: defaults to NC_REST
|
||||
if ("GQL" == projectData.apiType) {
|
||||
cy.contains("GRAPHQL APIs").closest("label").click();
|
||||
}
|
||||
|
||||
return 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 }).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);
|
||||
|
||||
// Test database connection
|
||||
cy.contains("Test Database Connection", { timeout: 20000 }).click();
|
||||
|
||||
// Create project
|
||||
cy.contains("Ok & Save Project", { timeout: 20000 }).click();
|
||||
|
||||
// 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
|
||||
);
|
||||
}
|
||||
// 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
|
||||
);
|
||||
}
|
||||
// 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();
|
||||
}
|
||||
// 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);
|
||||
// search project with given key
|
||||
// return project-name array
|
||||
//
|
||||
searchProject(projectNameKey) {
|
||||
cy.get('input[placeholder="Search Project"]').type(projectNameKey);
|
||||
|
||||
const projectName = [];
|
||||
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;
|
||||
});
|
||||
}
|
||||
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()
|
||||
// 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();
|
||||
});
|
||||
}
|
||||
// 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() {
|
||||
// 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 = []
|
||||
// const projectName = []
|
||||
|
||||
// cy.get('table tr').each((tableRow) => {
|
||||
// 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 => {
|
||||
// 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)
|
||||
// // bring back the DOM to normalcy
|
||||
// cy.get('div').parentsUntil('body')
|
||||
// this.deleteProject(element)
|
||||
|
||||
// // wait needed for pop up to disapper
|
||||
// this.waitDeletePageLoad()
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
// // wait needed for pop up to disapper
|
||||
// this.waitDeletePageLoad()
|
||||
// })
|
||||
// })
|
||||
// }
|
||||
|
||||
waitHomePageLoad() {
|
||||
cy.url({ timeout: 50000 }).should("contain", "&dbalias=");
|
||||
}
|
||||
waitHomePageLoad() {
|
||||
cy.url({ timeout: 50000 }).should("contain", "&dbalias=");
|
||||
}
|
||||
}
|
||||
|
||||
export const loginPage = new _loginPage();
|
||||
|
||||
Reference in New Issue
Block a user