mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-27 23:45:58 +00:00
[chore] cypress folder re-org
Signed-off-by: Raju Udava <sivadstala@gmail.com>
This commit is contained in:
Raju Udava
297
scripts/cypress/support/page_objects/navigation.js
Normal file
297
scripts/cypress/support/page_objects/navigation.js
Normal file
@@ -0,0 +1,297 @@
|
||||
|
||||
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.wait(1000)
|
||||
}
|
||||
|
||||
// standard pre-project activity
|
||||
//
|
||||
loginAndOpenProject(apiType, xcdb) {
|
||||
loginPage.signIn(roles.owner.credentials)
|
||||
|
||||
if(!xcdb) {
|
||||
if ('rest' == apiType)
|
||||
projectsPage.openProject(staticProjects.externalREST.basic.name)
|
||||
else
|
||||
projectsPage.openProject(staticProjects.externalGQL.basic.name)
|
||||
}
|
||||
else {
|
||||
if ('rest' == apiType)
|
||||
projectsPage.openProject(staticProjects.sampleREST.basic.name)
|
||||
else
|
||||
projectsPage.openProject(staticProjects.sampleGQL.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).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
|
||||
}
|
||||
|
||||
// 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();
|
||||
}
|
||||
|
||||
// External database credentials
|
||||
// cy.contains('Database Type').parent().find('input').eq(1).click()
|
||||
// cy.wait(100)
|
||||
// cy.get('body').contains(' MySQL ').parents('div').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 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();
|
||||
cy.wait(1000)
|
||||
}
|
||||
|
||||
// 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()
|
||||
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', '?type=roles')
|
||||
}
|
||||
|
||||
waitDeletePageLoad() {
|
||||
cy.wait(1000)
|
||||
}
|
||||
}
|
||||
|
||||
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/>.
|
||||
*
|
||||
*/
|
||||
Reference in New Issue
Block a user