多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

583 lines
26 KiB

import { loginPage } from "../../support/page_objects/navigation"
import { isTestSuiteActive } from "../../support/page_objects/projectConstants"
import { mainPage } from "../../support/page_objects/mainPage"
let storedURL = ''
// 0: all enabled
// 1: field hide
// 2: field sort
// 3: field filter
// 4: default (address table): for view operation validation
// 5: default (country table): for update row/column validation
let viewURL = {}
export const genTest = (type, xcdb) => {
if(!isTestSuiteActive(type, xcdb)) return;
const generateViewLink = (viewName) => {
// click on share view
cy.get('.v-navigation-drawer__content > .container')
.find('.v-list > .v-list-item')
.contains('Share View')
.click()
// wait, as URL initially will be /undefined
cy.wait(1000)
// copy link text, visit URL
cy.getActiveModal().find('.share-link-box')
.contains('/nc/view/', {timeout: 10000})
.then(($obj) => {
cy.get('body').type('{esc}')
// viewURL.push($obj.text())
viewURL[viewName] = $obj.text().trim()
cy.wait(1000)
})
}
describe(`${type.toUpperCase()} api - GRID view (Share)`, () => {
// Run once before test- create project (rest/graphql)
//
before(() => {
// open a table to work on views
//
cy.openTableTab('Address');
cy.saveLocalStorage()
})
beforeEach(() => {
cy.restoreLocalStorage();
})
afterEach(() => {
cy.saveLocalStorage();
})
after(() => {
// close table
// mainPage.deleteCreatedViews()
cy.closeTableTab('Address')
})
// Common routine to create/edit/delete GRID & GALLERY view
// Input: viewType - 'grid'/'gallery'
//
const viewTest = (viewType) => {
it(`Create ${viewType.toUpperCase()} view`, () => {
// create a normal public view
cy.get(`.nc-create-${viewType}-view`).click();
cy.getActiveModal().find('button:contains(Submit)').click()
cy.wait(1000)
// // create view for fields verification
// cy.get(`.nc-create-${viewType}-view`).click();
// cy.getActiveModal().find('button:contains(Submit)').click()
// cy.wait(1000)
// // create view for Sort verification
// cy.get(`.nc-create-${viewType}-view`).click();
// cy.getActiveModal().find('button:contains(Submit)').click()
// cy.wait(1000)
// // create view for Filter verification
// cy.get(`.nc-create-${viewType}-view`).click();
// cy.getActiveModal().find('button:contains(Submit)').click()
// cy.wait(1000)
// store base URL- to re-visit and delete form view later
cy.url().then((url) => {
storedURL = url
})
})
it(`Share ${viewType.toUpperCase()} hide, sort, filter & verify`, () => {
cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Address1').click()
mainPage.hideUnhideField('Address2')
mainPage.sortField('District', 'Z -> A')
mainPage.filterField('Address', 'is like', 'Ab')
generateViewLink('combined')
cy.log(viewURL['combined'])
})
it(`Share GRID view : ensure we have only one link even if shared multiple times`, () => {
// generate view link multiple times
generateViewLink('combined')
generateViewLink('combined')
// verify if only one link exists in table
cy.get('.v-navigation-drawer__content > .container')
.find('.v-list > .v-list-item')
.contains('Share View')
.parent().find('button.mdi-dots-vertical').click()
cy.getActiveMenu().find('.v-list-item').contains('Views List').click()
cy.wait(1000)
// cy.get('.container').find('button.mdi-delete-outline')
cy.get('th:contains("View Link")').parent().parent()
.next().find('tr').its('length').should('eq', 1)
.then(() => {
cy.get('.v-overlay__content > .d-flex > .v-icon').click()
})
})
it(`Share ${viewType.toUpperCase()} view : Visit URL, Verify title`, () => {
// visit public view
cy.visit(viewURL['combined'], {
baseUrl: null
})
// wait for public view page to load!
cy.wait(5000)
// verify title
cy.get('div.model-name').contains('Address1').should('exist')
})
it(`Share ${viewType.toUpperCase()} view : verify fields hidden/open`, () => {
// verify column headers
cy.get('[data-col="Address"]').should('exist')
cy.get('[data-col="Address2"]').should('not.exist')
cy.get('[data-col="District"]').should('exist')
})
it(`Share ${viewType.toUpperCase()} view : verify fields sort/ filter`, () => {
// country column content verification before sort
mainPage.getCell("District", 1).contains("West Bengali").should('exist')
mainPage.getCell("District", 2).contains("Tutuila").should('exist')
mainPage.getCell("District", 3).contains("Tamil Nadu").should('exist')
})
it(`Share ${viewType.toUpperCase()} view : verify download CSV`, () => {
mainPage.hideUnhideField('LastUpdate')
const verifyCsv = (retrievedRecords) => {
// expected output, statically configured
let storedRecords = [
`Address,District,PostalCode,Phone,Location,Address => Customer,Address => Staff,City <= Address,Address <=> Staff`,
`1013 Tabuk Boulevard,West Bengali,96203,158399646978,[object Object],2,,Kanchrapara,`,
`1892 Nabereznyje Telny Lane,Tutuila,28396,478229987054,[object Object],2,,Tafuna,`,
`1993 Tabuk Lane,Tamil Nadu,64221,648482415405,[object Object],2,,Tambaram,`,
`1661 Abha Drive,Tamil Nadu,14400,270456873752,[object Object],1,,Pudukkottai,`
]
for (let i = 0; i < storedRecords.length; i++) {
let strCol = storedRecords[i].split(',')
let retCol = retrievedRecords[i].split(',')
for (let j = 0; j < 4; j++) {
expect(strCol[j]).to.be.equal(retCol[j])
}
// expect(retrievedRecords[i]).to.be.equal(storedRecords[i])
}
}
// download & verify
mainPage.downloadAndVerifyCsv(`Address_exported_1.csv`, verifyCsv)
mainPage.hideUnhideField('LastUpdate')
})
// it(`Share ${viewType} view generate URL with all fields enabled`, () => {
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country1').click()
// generateViewLink('default')
// cy.log(viewURL['default'])
// })
// it(`Share ${viewType} view generate URL with a field hidden`, () => {
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country2').click()
// mainPage.hideUnhideField('LastUpdate')
// generateViewLink('hide')
// })
// it(`Share ${viewType} view generate URL with a field sorted`, () => {
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country3').click()
// mainPage.sortField('Country', 'Z -> A')
// generateViewLink('sort')
// })
// it(`Share ${viewType} view generate URL with a field filtered`, () => {
// cy.get(`.nc-view-item.nc-${viewType}-view-item`).contains('Country4').click()
// mainPage.filterField('Country', 'is equal', 'India')
// generateViewLink('filter')
// })
// it(`Share ${viewType} view : Access URL with a field hidden`, () => {
// // visit public view
// cy.visit(viewURL['hide'])
// // wait for public view page to load!
// cy.wait(5000)
// // verify title
// cy.get('div.model-name').contains('Country2').should('exist')
// // verify column headers
// cy.get('[data-col="Country"]').should('exist')
// cy.get('[data-col="LastUpdate"]').should('not.exist')
// cy.get('[data-col="Country => City"]').should('exist')
// // country column content verification before sort
// mainPage.getCell("Country", 1).contains("Afghanistan").should('exist')
// mainPage.getCell("Country", 2).contains("Algeria").should('exist')
// mainPage.getCell("Country", 3).contains("American Samoa").should('exist')
// })
// it(`Share ${viewType} view : Access URL with a field sorted`, () => {
// // visit public view
// cy.visit(viewURL['sort'])
// // wait for public view page to load!
// cy.wait(5000)
// // verify title
// cy.get('div.model-name').contains('Country3').should('exist')
// // verify column headers
// cy.get('[data-col="Country"]').should('exist')
// cy.get('[data-col="LastUpdate"]').should('exist')
// cy.get('[data-col="Country => City"]').should('exist')
// // country column content verification before sort
// mainPage.getCell("Country", 1).contains("Zambia").should('exist')
// })
// it(`Share ${viewType} view : Access URL with a field filtered`, () => {
// // visit public view
// cy.visit(viewURL['filter'])
// // wait for public view page to load!
// cy.wait(5000)
// // verify title
// cy.get('div.model-name').contains('Country4').should('exist')
// // verify column headers
// cy.get('[data-col="Country"]').should('exist')
// cy.get('[data-col="LastUpdate"]').should('exist')
// cy.get('[data-col="Country => City"]').should('exist')
// // country column content verification before sort
// mainPage.getCell("Country", 1).contains("India").should('exist')
// })
// it(`Share ${viewType} view : Access URL with all fields enabled`, () => {
// // visit public view
// cy.visit(viewURL['default'])
// // wait for public view page to load!
// cy.wait(5000)
// // verify title
// cy.get('div.model-name').contains('Country1').should('exist')
// // verify column headers
// cy.get('[data-col="Country"]').should('exist')
// cy.get('[data-col="LastUpdate"]').should('exist')
// cy.get('[data-col="Country => City"]').should('exist')
// // country column content verification before sort
// mainPage.getCell("Country", 1).contains("Afghanistan").should('exist')
// mainPage.getCell("Country", 2).contains("Algeria").should('exist')
// mainPage.getCell("Country", 3).contains("American Samoa").should('exist')
// })
it(`Share ${viewType.toUpperCase()} view : Disable sort`, () => {
// remove sort and validate
mainPage.clearSort()
mainPage.getCell("District", 1).contains("Southern Mindanao").should('exist')
})
it(`Share ${viewType.toUpperCase()} view : Enable sort`, () => {
// Sort menu operations (Country Column, Z->A)
//cy.wait(5000)
mainPage.sortField('District', 'Z -> A')
mainPage.getCell("District", 1).contains("West Bengali").should('exist')
})
it(`Share ${viewType.toUpperCase()} view : Create Filter`, () => {
// add filter & validate
mainPage.filterField('District', 'is like', 'Tamil')
cy.wait(1000)
mainPage.getCell("District", 1).contains("Tamil").should('exist')
})
it(`Share ${viewType.toUpperCase()} view : verify download CSV after local filter`, () => {
mainPage.hideUnhideField('LastUpdate')
const verifyCsv = (retrievedRecords) => {
// expected output, statically configured
let storedRecords = [
`Address,District,PostalCode,Phone,Location,Address => Customer,Address => Staff,City <= Address,Address <=> Staff`,
`1993 Tabuk Lane,Tamil Nadu,64221,648482415405,[object Object],2,,Tambaram,`,
`1661 Abha Drive,Tamil Nadu,14400,270456873752,[object Object],1,,Pudukkottai,`
]
// for (let i = 0; i < storedRecords.length; i++) {
// expect(retrievedRecords[i]).to.be.equal(storedRecords[i])
// }
for (let i = 0; i < storedRecords.length; i++) {
let strCol = storedRecords[i].split(',')
let retCol = retrievedRecords[i].split(',')
for (let j = 0; j < 4; j++) {
expect(strCol[j]).to.be.equal(retCol[j])
}
}
}
mainPage.downloadAndVerifyCsv(`Address_exported_1.csv`, verifyCsv)
mainPage.hideUnhideField('LastUpdate')
})
it(`Share ${viewType.toUpperCase()} view : Delete Filter`, () => {
// Remove sort and Validate
mainPage.filterReset()
mainPage.getCell("District", 1).contains("West Bengali").should('exist')
})
it(`Share GRID view : Virtual column validation > has many`, () => {
// verify column headers
cy.get('[data-col="Address => Customer"]').should('exist')
cy.get('[data-col="Address => Staff"]').should('exist')
cy.get('[data-col="City <= Address"]').should('exist')
cy.get('[data-col="Address <=> Staff"]').should('exist')
// has many field validation
mainPage.getCell("Address => Customer", 3).click().find('button.mdi-close-thick').should('not.exist')
mainPage.getCell("Address => Customer", 3).click().find('button.mdi-plus').should('not.exist')
mainPage.getCell("Address => Customer", 3).click().find('button.mdi-arrow-expand').click()
cy.getActiveModal().find('button.mdi-reload').should('exist')
cy.getActiveModal().find('button').contains('Link to').should('not.exist')
cy.getActiveModal().find('.child-card').contains('2').should('exist')
cy.getActiveModal().find('.child-card').find('button').should('not.exist')
cy.get('body').type('{esc}')
})
it(`Share GRID view : Virtual column validation > belongs to`, () => {
// belongs to field validation
mainPage.getCell("City <= Address", 1).click().find('button.mdi-close-thick').should('not.exist')
mainPage.getCell("City <= Address", 1).click().find('button.mdi-arrow-expand').should('not.exist')
mainPage.getCell("City <= Address", 1).find('.v-chip').contains('Kanchrapara').should('exist')
})
it(`Share GRID view : Virtual column validation > many to many`, () => {
// many-to-many field validation
mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-close-thick').should('not.exist')
mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-plus').should('not.exist')
mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-arrow-expand').click()
cy.getActiveModal().find('button.mdi-reload').should('exist')
cy.getActiveModal().find('button').contains('Link to').should('not.exist')
// cy.getActiveModal().find('.child-card').contains('Mike').should('exist')
//cy.getActiveModal().find('.child-card').find('button').should('not.exist')
cy.get('body').type('{esc}')
})
it(`Delete ${viewType.toUpperCase()} 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)
// // click on delete icon (becomes visible on hovering mouse)
// cy.get('.nc-view-delete-icon').eq(3).click({ force: true })
// cy.wait(1000)
// cy.get('.nc-view-delete-icon').eq(2).click({ force: true })
// cy.wait(1000)
// cy.get('.nc-view-delete-icon').eq(1).click({ force: true })
// cy.wait(1000)
cy.get('.nc-view-delete-icon').eq(0).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)
})
}
// below scenario's will be invoked twice, once for rest & then for graphql
viewTest('grid')
})
// describe(`${type.toUpperCase()} api - Grid view/ Virtual column verification`, () => {
// before(() => {
// // Address table has belongs to, has many & many-to-many
// cy.openTableTab('Address');
// cy.saveLocalStorage()
// // store base URL- to re-visit and delete form view later
// cy.url().then((url) => {
// baseURL = url
// generateViewLink('virtualColumn')
// })
// })
// beforeEach(() => {
// cy.restoreLocalStorage();
// })
// afterEach(() => {
// cy.saveLocalStorage();
// })
// after(() => {
// // close table
// cy.visit(baseURL)
// mainPage.deleteCreatedViews()
// cy.closeTableTab('Address')
// })
// it(`Generate default Shared GRID view URL`, () => {
// // visit public view
// cy.visit(viewURL['virtualColumn'])
// // wait for public view page to load!
// cy.wait(5000)
// })
// it(`Share GRID view : Virtual column validation > has many`, () => {
// // verify column headers
// cy.get('[data-col="Address => Customer"]').should('exist')
// cy.get('[data-col="Address => Staff"]').should('exist')
// cy.get('[data-col="City <= Address"]').should('exist')
// cy.get('[data-col="Address <=> Staff"]').should('exist')
// // has many field validation
// mainPage.getCell("Address => Staff", 3).click().find('button.mdi-close-thick').should('not.exist')
// mainPage.getCell("Address => Staff", 3).click().find('button.mdi-plus').should('not.exist')
// mainPage.getCell("Address => Staff", 3).click().find('button.mdi-arrow-expand').click()
// cy.getActiveModal().find('button.mdi-reload').should('exist')
// cy.getActiveModal().find('button').contains('Link to').should('not.exist')
// cy.getActiveModal().find('.child-card').contains('Mike').should('exist')
// cy.getActiveModal().find('.child-card').find('button').should('not.exist')
// cy.get('body').type('{esc}')
// })
// it(`Share GRID view : Virtual column validation > belongs to`, () => {
// // belongs to field validation
// mainPage.getCell("City <= Address", 1).click().find('button.mdi-close-thick').should('not.exist')
// mainPage.getCell("City <= Address", 1).click().find('button.mdi-arrow-expand').should('not.exist')
// mainPage.getCell("City <= Address", 1).find('.v-chip').contains('Lethbridge').should('exist')
// })
// it(`Share GRID view : Virtual column validation > many to many`, () => {
// // many-to-many field validation
// mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-close-thick').should('not.exist')
// mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-plus').should('not.exist')
// mainPage.getCell("Address <=> Staff", 1).click().find('button.mdi-arrow-expand').click()
// cy.getActiveModal().find('button.mdi-reload').should('exist')
// cy.getActiveModal().find('button').contains('Link to').should('not.exist')
// cy.getActiveModal().find('.child-card').contains('Mike').should('exist')
// cy.getActiveModal().find('.child-card').find('button').should('not.exist')
// cy.get('body').type('{esc}')
// })
// })
describe(`${type.toUpperCase()} api - Grid view/ row-column update verification`, () => {
before(() => {
// Address table has belongs to, has many & many-to-many
cy.openTableTab('Country')
cy.saveLocalStorage()
// store base URL- to re-visit and delete form view later
cy.url().then((url) => {
storedURL = url
generateViewLink('rowColUpdate')
})
})
after(() => {
// close table
cy.restoreLocalStorage();
cy.visit(storedURL, {
baseUrl: null
})
// delete row
mainPage.getPagination(5).click()
cy.wait(3000)
mainPage.getRow(10).find('.mdi-checkbox-blank-outline').click({ force: true })
mainPage.getCell("Country", 10).rightclick()
cy.getActiveMenu().contains('Delete Selected Row').click()
// delete column
cy.get(`th:contains('dummy') .mdi-menu-down`)
.trigger('mouseover')
.click()
cy.get('.nc-column-delete').click()
cy.get('button:contains(Confirm)').click()
mainPage.deleteCreatedViews()
// close table
cy.closeTableTab('Country')
})
it(`Generate default Shared GRID view URL`, () => {
// add row
cy.get('.nc-add-new-row-btn').click({force: true})
cy.get('#data-table-form-Country > input').first().click().type('a')
cy.contains('Save Row').filter('button').click({ force: true })
cy.toastWait('updated successfully')
// add column
mainPage.addColumn('dummy', 'Country')
// visit public view
cy.log(viewURL['rowColUpdate'])
cy.restoreLocalStorage();
cy.visit(viewURL['rowColUpdate'], {
baseUrl: null
}) //5
// wait for public view page to load!
cy.wait(5000)
})
it(`Share GRID view : new row visible`, () => {
// verify row
cy.get(`.v-pagination > li:contains('5') button`).click()
cy.wait(3000)
mainPage.getCell('Country', 10).contains('a').should('exist')
})
it.skip(`Share GRID view : new column visible`, () => {
// verify column headers
cy.get('[data-col="dummy"]').should('exist')
})
})
}
// 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/>.
*
*/