mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-04 10:16:40 +00:00
test(cypress): reduce dependency on static wait (cy.wait)
Signed-off-by: Raju Udava <sivadstala@gmail.com>
This commit is contained in:
Raju Udava
@@ -1,179 +1,178 @@
|
||||
import { loginPage } from "../../support/page_objects/navigation"
|
||||
|
||||
import { isTestSuiteActive } from "../../support/page_objects/projectConstants"
|
||||
import { mainPage } from "../../support/page_objects/mainPage"
|
||||
|
||||
let storedURL = ''
|
||||
|
||||
export const genTest = (type, xcdb) => {
|
||||
if(!isTestSuiteActive(type, xcdb)) return;
|
||||
if(!isTestSuiteActive(type, xcdb)) return;
|
||||
|
||||
describe(`${type.toUpperCase()} api - FORM view (Share)`, () => {
|
||||
describe(`${type.toUpperCase()} api - FORM view (Share)`, () => {
|
||||
|
||||
const name = 'Test' + Date.now();
|
||||
const name = 'Test' + Date.now();
|
||||
|
||||
// Run once before test- create project (rest/graphql)
|
||||
//
|
||||
before(() => {
|
||||
// loginPage.loginAndOpenProject(type)
|
||||
// Run once before test- create project (rest/graphql)
|
||||
//
|
||||
before(() => {
|
||||
// open a table to work on views
|
||||
//
|
||||
cy.openTableTab('City');
|
||||
// wait for page rendering to complete
|
||||
cy.get('.nc-grid-row').should('have.length', 25)
|
||||
})
|
||||
|
||||
// open a table to work on views
|
||||
//
|
||||
cy.openTableTab('City');
|
||||
})
|
||||
beforeEach(() => {
|
||||
cy.restoreLocalStorage();
|
||||
})
|
||||
|
||||
beforeEach(() => {
|
||||
cy.restoreLocalStorage();
|
||||
})
|
||||
afterEach(() => {
|
||||
cy.saveLocalStorage();
|
||||
})
|
||||
|
||||
after(() => {
|
||||
cy.closeTableTab('City')
|
||||
})
|
||||
|
||||
|
||||
afterEach(() => {
|
||||
cy.saveLocalStorage();
|
||||
})
|
||||
|
||||
after(() => {
|
||||
cy.closeTableTab('City')
|
||||
})
|
||||
|
||||
// Common routine to create/edit/delete GRID & GALLERY view
|
||||
// Input: viewType - 'grid'/'gallery'
|
||||
//
|
||||
const viewTest = (viewType) => {
|
||||
|
||||
it(`Create ${viewType} view`, () => {
|
||||
// click on 'Grid/Gallery' button on Views bar
|
||||
cy.get(`.nc-create-${viewType}-view`).click();
|
||||
|
||||
// Common routine to create/edit/delete GRID & GALLERY view
|
||||
// Input: viewType - 'grid'/'gallery'
|
||||
//
|
||||
const viewTest = (viewType) => {
|
||||
|
||||
it(`Create ${viewType} view`, () => {
|
||||
// click on 'Grid/Gallery' button on Views bar
|
||||
cy.get(`.nc-create-${viewType}-view`).click();
|
||||
// Pop up window, click Submit (accepting default name for view)
|
||||
cy.getActiveModal().find('button:contains(Submit)').click()
|
||||
|
||||
// Pop up window, click Submit (accepting default name for view)
|
||||
cy.getActiveModal().find('button:contains(Submit)').click()
|
||||
cy.toastWait('View created successfully')
|
||||
|
||||
// Prepare form
|
||||
// add header, description
|
||||
// add post submission message
|
||||
// swap position for City, LastUpdate fields
|
||||
// remove City=>Address field
|
||||
cy.get('.nc-form').find('[placeholder="Form Title"]').type('A B C D')
|
||||
cy.get('.nc-form').find('[placeholder="Add form description"]').type('Some description about form comes here')
|
||||
cy.get('.nc-form > .mx-auto').find('textarea').type('Congratulations!')
|
||||
// Prepare form
|
||||
// add header, description
|
||||
// add post submission message
|
||||
// swap position for City, LastUpdate fields
|
||||
// remove City=>Address field
|
||||
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).click()
|
||||
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).should('be.checked')
|
||||
|
||||
cy.get('#data-table-form-City').drag('#data-table-form-LastUpdate')
|
||||
cy.get('[title="City => Address"]').drag('.nc-drag-n-drop-to-hide')
|
||||
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).click()
|
||||
|
||||
cy.wait(2000)
|
||||
|
||||
// store base URL- to re-visit and delete form view later
|
||||
cy.url().then((url) => {
|
||||
storedURL = url
|
||||
})
|
||||
})
|
||||
cy.get('.nc-form').find('[placeholder="Form Title"]').type('A B C D')
|
||||
cy.get('.nc-form').find('[placeholder="Add form description"]').type('Some description about form comes here')
|
||||
cy.get('.nc-form > .mx-auto').find('textarea').type('Congratulations!')
|
||||
|
||||
it(`Share form view`, () => {
|
||||
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('City1').click()
|
||||
cy.get('.v-navigation-drawer__content > .container')
|
||||
.find('.v-list > .v-list-item')
|
||||
.contains('Share View')
|
||||
.click()
|
||||
cy.get('#data-table-form-City').drag('#data-table-form-LastUpdate')
|
||||
cy.get('[title="City => Address"]').drag('.nc-drag-n-drop-to-hide')
|
||||
|
||||
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).should('be.checked')
|
||||
|
||||
// store base URL- to re-visit and delete form view later
|
||||
cy.url().then((url) => {
|
||||
storedURL = url
|
||||
})
|
||||
})
|
||||
|
||||
// copy link text, visit URL
|
||||
cy.getActiveModal().find('.share-link-box')
|
||||
.contains('/nc/form/', {timeout: 10000})
|
||||
.then(($obj) => {
|
||||
it(`Share form view`, () => {
|
||||
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).should('be.checked')
|
||||
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('City1').click()
|
||||
cy.get('.v-navigation-drawer__content > .container')
|
||||
.find('.v-list > .v-list-item')
|
||||
.contains('Share View')
|
||||
.click()
|
||||
|
||||
let linkText = $obj.text().trim()
|
||||
cy.log(linkText)
|
||||
cy.visit(linkText, {
|
||||
baseUrl: null
|
||||
})
|
||||
|
||||
// wait for share view page to load!
|
||||
cy.wait(5000)
|
||||
// copy link text, visit URL
|
||||
cy.getActiveModal().find('.share-link-box')
|
||||
.contains('/nc/form/', {timeout: 10000})
|
||||
.then(($obj) => {
|
||||
|
||||
// New form appeared? Header & description should exist
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('h2')
|
||||
.contains('A B C D')
|
||||
.should('exist')
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('.body-1')
|
||||
.contains('Some description about form comes here')
|
||||
.should('exist')
|
||||
|
||||
// all fields, barring removed field should exist
|
||||
cy.get('[title="City"]').should('exist')
|
||||
cy.get('[title="LastUpdate"]').should('exist')
|
||||
cy.get('[title="Country <= City"]').should('exist')
|
||||
cy.get('[title="City => Address"]').should('not.exist')
|
||||
let linkText = $obj.text().trim()
|
||||
cy.log(linkText)
|
||||
cy.visit(linkText, {
|
||||
baseUrl: null
|
||||
})
|
||||
|
||||
// wait for share view page to load!
|
||||
cy.get('.nc-form').should('exist')
|
||||
|
||||
// order of LastUpdate & City field is retained
|
||||
cy.get('.nc-field-wrapper').eq(0).contains('LastUpdate').should('exist')
|
||||
cy.get('.nc-field-wrapper').eq(1).contains('City').should('exist')
|
||||
// New form appeared? Header & description should exist
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('h2')
|
||||
.contains('A B C D')
|
||||
.should('exist')
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('.body-1')
|
||||
.contains('Some description about form comes here')
|
||||
.should('exist')
|
||||
|
||||
// all fields, barring removed field should exist
|
||||
cy.get('[title="City"]').should('exist')
|
||||
cy.get('[title="LastUpdate"]').should('exist')
|
||||
cy.get('[title="Country <= City"]').should('exist')
|
||||
cy.get('[title="City => Address"]').should('not.exist')
|
||||
|
||||
// submit form, to read message
|
||||
cy.get('#data-table-form-City').type('_abc')
|
||||
cy.get('#data-table-form-LastUpdate').click()
|
||||
cy.getActiveModal().find('button').contains('19').click()
|
||||
cy.getActiveModal().find('button').contains('OK').click()
|
||||
cy.get('button').contains("Link to 'Country'").click()
|
||||
cy.getActiveModal().find('.child-card').contains('Afghanistan').click()
|
||||
// order of LastUpdate & City field is retained
|
||||
cy.get('.nc-field-wrapper').eq(0).contains('LastUpdate').should('exist')
|
||||
cy.get('.nc-field-wrapper').eq(1).contains('City').should('exist')
|
||||
|
||||
// submit button & validate
|
||||
cy.get('.nc-form').find('button').contains('Submit').click()
|
||||
cy.get('.v-alert').contains('Congratulations').should('exist').then(() => {
|
||||
// wait for 5 seconds
|
||||
cy.wait(5000)
|
||||
cy.get('.v-alert').contains('Congratulations').should('not.exist')
|
||||
// submit form, to read message
|
||||
cy.get('#data-table-form-City').type('_abc')
|
||||
cy.get('#data-table-form-LastUpdate').click()
|
||||
cy.getActiveModal().find('button').contains('19').click()
|
||||
cy.getActiveModal().find('button').contains('OK').click()
|
||||
cy.get('button').contains("Link to 'Country'").click()
|
||||
cy.getActiveModal().find('.child-card').contains('Afghanistan').click()
|
||||
|
||||
// validate if form has appeared again
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('h2')
|
||||
.contains('A B C D')
|
||||
.should('exist')
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('.body-1')
|
||||
.contains('Some description about form comes here')
|
||||
.should('exist')
|
||||
})
|
||||
// submit button & validate
|
||||
cy.get('.nc-form').find('button').contains('Submit').click()
|
||||
cy.toastWait('Congratulations')
|
||||
cy.get('.v-alert').contains('Congratulations').should('exist').then(() => {
|
||||
cy.get('.nc-form').should('exist')
|
||||
|
||||
})
|
||||
})
|
||||
// validate if form has appeared again
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('h2')
|
||||
.contains('A B C D')
|
||||
.should('exist')
|
||||
cy.get('.nc-form', { timeout: 10000 })
|
||||
.find('.body-1')
|
||||
.contains('Some description about form comes here')
|
||||
.should('exist')
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
it(`Delete ${viewType} view`, () => {
|
||||
// go back to base page
|
||||
cy.visit(storedURL, {
|
||||
baseUrl: null
|
||||
})
|
||||
it(`Delete ${viewType} view`, () => {
|
||||
// go back to base page
|
||||
cy.visit(storedURL, {
|
||||
baseUrl: null
|
||||
})
|
||||
|
||||
// number of view entries should be 2 before we delete
|
||||
cy.get('.nc-view-item').its('length').should('eq', 2)
|
||||
// number of view entries should be 2 before we delete
|
||||
cy.get('.nc-view-item').its('length').should('eq', 2)
|
||||
|
||||
// click on delete icon (becomes visible on hovering mouse)
|
||||
cy.get('.nc-view-delete-icon').click({ force: true })
|
||||
cy.wait(1000)
|
||||
// click on delete icon (becomes visible on hovering mouse)
|
||||
cy.get('.nc-view-delete-icon').click({ force: true })
|
||||
cy.toastWait('View deleted successfully')
|
||||
|
||||
// confirm if the number of veiw entries is reduced by 1
|
||||
cy.get('.nc-view-item').its('length').should('eq', 1)
|
||||
// confirm if the number of veiw entries is reduced by 1
|
||||
cy.get('.nc-view-item').its('length').should('eq', 1)
|
||||
|
||||
// clean up newly added rows into Country table operations
|
||||
// this auto verifies successfull addition of rows to table as well
|
||||
mainPage.getPagination(25).click()
|
||||
cy.wait(3000)
|
||||
mainPage.getRow(1).find('.mdi-checkbox-blank-outline').click({ force: true })
|
||||
|
||||
mainPage.getCell("City", 1).rightclick()
|
||||
cy.getActiveMenu().contains('Delete Selected Row').click()
|
||||
})
|
||||
}
|
||||
// clean up newly added rows into Country table operations
|
||||
// this auto verifies successfull addition of rows to table as well
|
||||
mainPage.getPagination(25).click()
|
||||
cy.get('.nc-grid-row').should('have.length', 1)
|
||||
mainPage.getRow(1).find('.mdi-checkbox-blank-outline').click({ force: true })
|
||||
|
||||
mainPage.getCell("City", 1).rightclick()
|
||||
cy.getActiveMenu().contains('Delete Selected Row').click()
|
||||
// cy.toastWait('Deleted selected rows successfully')
|
||||
})
|
||||
}
|
||||
|
||||
// below scenario's will be invoked twice, once for rest & then for graphql
|
||||
viewTest('form')
|
||||
})
|
||||
// below scenario's will be invoked twice, once for rest & then for graphql
|
||||
viewTest('form')
|
||||
})
|
||||
}
|
||||
|
||||
// invoke for different API types supported
|
||||
//
|
||||
// genTest('rest', false)
|
||||
// genTest('graphql', false)
|
||||
|
||||
|
||||
/**
|
||||
* @copyright Copyright (c) 2021, Xgene Cloud Ltd
|
||||
|
||||
Reference in New Issue
Block a user