github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

[test] cypress: form view detailed tests 

Signed-off-by: Raju Udava <sivadstala@gmail.com>
pull/614/head
Raju Udava 3 years ago
parent
5b6dad755c
commit
57778110eb
1 changed files with 242 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 242
      cypress/integration/common/4c_form_view_detailed.js

242
cypress/integration/common/4c_form_view_detailed.js
Unescape View File

@ -0,0 +1,242 @@
import { loginPage } from "../../support/page_objects/navigation"
import { isTestSuiteActive } from "../../support/page_objects/projectConstants"
import { mainPage } from "../../support/page_objects/mainPage"
const genTest = (type, xcdb) => {
if(!isTestSuiteActive(type, xcdb)) return;
describe(`${type.toUpperCase()} api - Table views`, () => {
const name = 'Test' + Date.now();
// Run once before test- create project (rest/graphql)
//
before(() => {
loginPage.loginAndOpenProject(type)
// open a table to work on views
//
cy.openTableTab('Country');
})
// 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()
// validate if view was creted && contains default name 'Country1'
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country1').should('exist')
})
it(`Validate ${viewType}: Form header & description validation`, () => {
// Header & description should exist
cy.get('.nc-form').find('[placeholder="Form Title"]').should('exist')
cy.get('.nc-form').find('[placeholder="Add form description"]').should('exist')
// Update header & add some description, verify
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')
// validate new contents
cy.get('.nc-form').find('[placeholder="Form Title"]').contains('A B C D').should('exist')
cy.get('.nc-form').find('[placeholder="Add form description"]').contains('Some description about form comes here').should('exist')
})
it(`Validate ${viewType}: Add all, Remove all validation`, () => {
// .col-md-4 : left hand menu
// .nc-form : form view (right hand side)
// ensure buttons exist on left hand menu
cy.get('.col-md-4').find('.pointer.caption').contains('add all').should('exist')
cy.get('.col-md-4').find('.pointer.caption').contains('remove all').should('exist')
// click: remove-all
cy.get('.col-md-4').find('.pointer.caption').contains('remove all').click()
// form should not contain any "field remove icons" -- all fields removed
cy.get('.nc-form').find('.nc-field-remove-icon').should('not.exist')
// menu bar should contain 4 .pointer.item (countryId, Country, LastUpdate, County->City)
cy.get('.col-md-4').find('.pointer.item').its('length').should('eq', 4)
// click: add all
cy.get('.col-md-4').find('.pointer.caption').contains('add all').click()
// form should contain "field remove icons"
cy.get('.nc-form').find('.nc-field-remove-icon').should('exist')
cy.get('.nc-form').find('.nc-field-remove-icon').its('length').should('eq', 4)
// menu bar should not contain .pointer.item (column name/ field name add options)
cy.get('.col-md-4').find('.pointer.item').should('not.exist')
})
it(`Validate ${viewType}: Submit default, empty show this message textbox`, () => {
// fill up mandatory fields
cy.get('#data-table-form-Country').type('_abc')
cy.get('#data-table-form-LastUpdate').click()
cy.getActiveModal().find('button').contains('19').click()
cy.getActiveModal().find('button').contains('OK').click()
// default message, no update
// submit button & validate
cy.get('.nc-form').find('button').contains('Submit').click()
cy.get('.v-alert').contains('Successfully submitted form data').should('exist')
// end of test removes newly added rows from table. that step validates if row was successfully added.
})
it(`Validate ${viewType}: Submit default, with valid Show message entry`, () => {
// clicking again on view name shows blank still. work around- toggling between two views
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country').click()
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country1').click()
// fill up mandatory fields
cy.get('#data-table-form-Country').type('_abc')
cy.get('#data-table-form-LastUpdate').click()
cy.getActiveModal().find('button').contains('19').click()
cy.getActiveModal().find('button').contains('OK').click()
// add message
cy.get('.nc-form > .mx-auto').find('textarea').type('Congratulations!')
// submit button & validate
cy.get('.nc-form').find('button').contains('Submit').click()
cy.get('.v-alert').contains('Congratulations').should('exist')
// end of test removes newly added rows from table. that step validates if row was successfully added.
})
it(`Validate ${viewType}: Submit default, Enable checkbox "Submit another form`, () => {
// clicking again on view name shows blank still. work around- toggling between two views
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country').click()
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country1').click()
// fill up mandatory fields
cy.get('#data-table-form-Country').type('_abc')
cy.get('#data-table-form-LastUpdate').click()
cy.getActiveModal().find('button').contains('19').click()
cy.getActiveModal().find('button').contains('OK').click()
// enable "Submit another form" check box
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(0).click()
// submit button & validate
cy.get('.nc-form').find('button').contains('Submit').click()
cy.get('.v-alert').contains('Congratulations').should('exist')
cy.get('button').contains('Submit Another Form').should('exist')
cy.get('button').contains('Submit Another Form').click()
cy.wait(2000).then(() => {
// New form appeared? Header & description should exist
cy.get('.nc-form').find('[placeholder="Form Title"]').contains('A B C D').should('exist')
cy.get('.nc-form').find('[placeholder="Add form description"]').contains('Some description about form comes here').should('exist')
// end of test removes newly added rows from table. that step validates if row was successfully added.
})
})
it(`Validate ${viewType}: Submit default, Enable checkbox "blank form after 5 seconds"`, () => {
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country').click()
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country1').click()
cy.get('#data-table-form-Country').type('_abc')
cy.get('#data-table-form-LastUpdate').click()
cy.getActiveModal().find('button').contains('19').click()
cy.getActiveModal().find('button').contains('OK').click()
// enable "New form after 5 seconds" button
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(0).click( {force: true} )
cy.get('.nc-form > .mx-auto').find('[type="checkbox"]').eq(1).click()
// 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')
// validate if form has appeared again
cy.get('.nc-form').find('[placeholder="Form Title"]').contains('A B C D').should('exist')
cy.get('.nc-form').find('[placeholder="Add form description"]').contains('Some description about form comes here').should('exist')
})
// end of test removes newly added rows from table. that step validates if row was successfully added.
})
it(`Validate ${viewType}: Add/ remove field verification"`, () => {
cy.get('#data-table-form-Country').should('exist')
// remove "country field"
cy.get('.nc-form').find('.nc-field-remove-icon').eq(1).click()
cy.get('#data-table-form-Country').should('not.exist')
cy.get('.col-md-4').find('.pointer.item').contains('Country').should('exist')
// add it back
cy.get('.col-md-4').find('.pointer.item').contains('Country').click()
cy.get('#data-table-form-Country').should('exist')
})
it(`Delete ${viewType} view`, () => {
// 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)
// 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(5).click()
cy.wait(3000)
mainPage.getRow(10).find('.mdi-checkbox-blank-outline').click({ force: true })
mainPage.getRow(11).find('.mdi-checkbox-blank-outline').click({ force: true })
mainPage.getRow(12).find('.mdi-checkbox-blank-outline').click({ force: true })
mainPage.getRow(13).find('.mdi-checkbox-blank-outline').click({ force: true })
mainPage.getCell("Country", 10).rightclick()
cy.getActiveMenu().contains('Delete Selected Row').click()
})
}
// 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
*
* @author Pranav C Balan <pranavxc@gmail.com>
* @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/>.
*
*/
Write Preview
Loading…
Cancel
Save