|
|
|
|
@ -12,418 +12,443 @@ let storedURL = "";
|
|
|
|
|
let viewURL = {}; |
|
|
|
|
|
|
|
|
|
export const genTest = (apiType, dbType) => { |
|
|
|
|
if (!isTestSuiteActive(apiType, dbType)) 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();
|
|
|
|
|
mainPage.shareView().click(); |
|
|
|
|
|
|
|
|
|
// wait, as URL initially will be /undefined
|
|
|
|
|
cy.getActiveModal() |
|
|
|
|
.find(".share-link-box") |
|
|
|
|
.contains("/nc/view/", { timeout: 10000 }) |
|
|
|
|
.should("exist"); |
|
|
|
|
|
|
|
|
|
// 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(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
describe(`${apiType.toUpperCase()} api - GRID view (Share)`, () => { |
|
|
|
|
// Run once before test- create project (rest/graphql)
|
|
|
|
|
//
|
|
|
|
|
before(() => { |
|
|
|
|
// open a table to work on views
|
|
|
|
|
//
|
|
|
|
|
cy.openTableTab("Address", 25); |
|
|
|
|
|
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
beforeEach(() => { |
|
|
|
|
cy.restoreLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
afterEach(() => { |
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
after(() => { |
|
|
|
|
// close table
|
|
|
|
|
// mainPage.deleteCreatedViews()
|
|
|
|
|
cy.closeTableTab("Address"); |
|
|
|
|
}); |
|
|
|
|
if (!isTestSuiteActive(apiType, dbType)) return; |
|
|
|
|
|
|
|
|
|
// 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.toastWait("View created successfully"); |
|
|
|
|
|
|
|
|
|
// 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.hideField("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
|
|
|
|
|
const generateViewLink = (viewName) => { |
|
|
|
|
// click on share view
|
|
|
|
|
// cy.get(".v-navigation-drawer__content > .container")
|
|
|
|
|
// .find(".v-list > .v-list-item")
|
|
|
|
|
// .contains("Share View")
|
|
|
|
|
// .parent()
|
|
|
|
|
// .find("button.mdi-dots-vertical")
|
|
|
|
|
// .click();
|
|
|
|
|
mainPage.shareViewList().click(); |
|
|
|
|
|
|
|
|
|
// cy.getActiveMenu().find(".v-list-item").contains("Views List").click();
|
|
|
|
|
|
|
|
|
|
cy.get('th:contains("View Link")').should("exist"); |
|
|
|
|
|
|
|
|
|
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();
|
|
|
|
|
// close modal (fix me! add a close button to share view list modal)
|
|
|
|
|
cy.get('.v-overlay--active > .v-overlay__scrim').click({force: true}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share ${viewType.toUpperCase()} view : Visit URL, Verify title`, () => { |
|
|
|
|
// visit public view
|
|
|
|
|
cy.visit(viewURL["combined"], { |
|
|
|
|
baseUrl: null, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 18); |
|
|
|
|
|
|
|
|
|
// 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.hideField("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])
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
mainPage.shareView().click(); |
|
|
|
|
|
|
|
|
|
// download & verify
|
|
|
|
|
mainPage.downloadAndVerifyCsv(`Address_exported_1.csv`, verifyCsv); |
|
|
|
|
mainPage.unhideField("LastUpdate"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
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)
|
|
|
|
|
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"); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 2); |
|
|
|
|
mainPage.getCell("District", 1).contains("Tamil").should("exist"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share ${viewType.toUpperCase()} view : verify download CSV after local filter`, () => { |
|
|
|
|
mainPage.hideField("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.unhideField("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"); |
|
|
|
|
// wait, as URL initially will be /undefined
|
|
|
|
|
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"); |
|
|
|
|
.find(".share-link-box") |
|
|
|
|
.contains("/nc/view/", { timeout: 10000 }) |
|
|
|
|
.should("exist"); |
|
|
|
|
|
|
|
|
|
// copy link text, visit URL
|
|
|
|
|
cy.getActiveModal() |
|
|
|
|
.find("button") |
|
|
|
|
.contains("Link to") |
|
|
|
|
.should("not.exist"); |
|
|
|
|
cy.get("body").type("{esc}"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Delete ${viewType.toUpperCase()} view`, () => { |
|
|
|
|
// go back to base page
|
|
|
|
|
cy.visit(storedURL, { |
|
|
|
|
baseUrl: null, |
|
|
|
|
.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(); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
describe(`${apiType.toUpperCase()} api - GRID view (Share)`, () => { |
|
|
|
|
// Run once before test- create project (rest/graphql)
|
|
|
|
|
//
|
|
|
|
|
before(() => { |
|
|
|
|
// open a table to work on views
|
|
|
|
|
//
|
|
|
|
|
cy.openTableTab("Address", 25); |
|
|
|
|
|
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// number of view entries should be 2 before we delete
|
|
|
|
|
cy.get(".nc-view-item").its("length").should("eq", 2); |
|
|
|
|
beforeEach(() => { |
|
|
|
|
cy.restoreLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
cy.get(".nc-view-delete-icon").eq(0).click({ force: true }); |
|
|
|
|
cy.toastWait("View deleted successfully"); |
|
|
|
|
afterEach(() => { |
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// confirm if the number of veiw entries is reduced by 1
|
|
|
|
|
cy.get(".nc-view-item").its("length").should("eq", 1); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
after(() => { |
|
|
|
|
// close table
|
|
|
|
|
// mainPage.deleteCreatedViews()
|
|
|
|
|
cy.closeTableTab("Address"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// below scenario's will be invoked twice, once for rest & then for graphql
|
|
|
|
|
viewTest("grid"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
describe(`${apiType.toUpperCase()} api - Grid view/ row-column update verification`, () => { |
|
|
|
|
before(() => { |
|
|
|
|
// Address table has belongs to, has many & many-to-many
|
|
|
|
|
cy.openTableTab("Country", 25); |
|
|
|
|
|
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
// store base URL- to re-visit and delete form view later
|
|
|
|
|
cy.url().then((url) => { |
|
|
|
|
storedURL = url; |
|
|
|
|
generateViewLink("rowColUpdate"); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
// 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.toastWait("View created successfully"); |
|
|
|
|
|
|
|
|
|
// 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.hideField("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();
|
|
|
|
|
mainPage.shareViewList().click(); |
|
|
|
|
|
|
|
|
|
// cy.getActiveMenu().find(".v-list-item").contains("Views List").click();
|
|
|
|
|
|
|
|
|
|
cy.get('th:contains("View Link")').should("exist"); |
|
|
|
|
|
|
|
|
|
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();
|
|
|
|
|
// close modal (fix me! add a close button to share view list modal)
|
|
|
|
|
cy.get(".v-overlay--active > .v-overlay__scrim").click({ |
|
|
|
|
force: true, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share ${viewType.toUpperCase()} view : Visit URL, Verify title`, () => { |
|
|
|
|
// visit public view
|
|
|
|
|
cy.visit(viewURL["combined"], { |
|
|
|
|
baseUrl: null, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 18); |
|
|
|
|
|
|
|
|
|
cy.snip("ShareView_Grid"); |
|
|
|
|
|
|
|
|
|
// 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.hideField("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.unhideField("LastUpdate"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
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)
|
|
|
|
|
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"); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 2); |
|
|
|
|
mainPage |
|
|
|
|
.getCell("District", 1) |
|
|
|
|
.contains("Tamil") |
|
|
|
|
.should("exist"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share ${viewType.toUpperCase()} view : verify download CSV after local filter`, () => { |
|
|
|
|
mainPage.hideField("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.unhideField("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.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); |
|
|
|
|
|
|
|
|
|
cy.get(".nc-view-delete-icon").eq(0).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); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
after(() => { |
|
|
|
|
// close table
|
|
|
|
|
cy.restoreLocalStorage(); |
|
|
|
|
cy.visit(storedURL, { |
|
|
|
|
baseUrl: null, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// delete row
|
|
|
|
|
mainPage.getPagination(5).click(); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 10); |
|
|
|
|
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(); |
|
|
|
|
|
|
|
|
|
cy.toastWait("Update table successful"); |
|
|
|
|
|
|
|
|
|
mainPage.deleteCreatedViews(); |
|
|
|
|
|
|
|
|
|
// close table
|
|
|
|
|
cy.closeTableTab("Country"); |
|
|
|
|
// below scenario's will be invoked twice, once for rest & then for graphql
|
|
|
|
|
viewTest("grid"); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
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!
|
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 25); |
|
|
|
|
}); |
|
|
|
|
describe(`${apiType.toUpperCase()} api - Grid view/ row-column update verification`, () => { |
|
|
|
|
before(() => { |
|
|
|
|
// Address table has belongs to, has many & many-to-many
|
|
|
|
|
cy.openTableTab("Country", 25); |
|
|
|
|
|
|
|
|
|
cy.saveLocalStorage(); |
|
|
|
|
// store base URL- to re-visit and delete form view later
|
|
|
|
|
cy.url().then((url) => { |
|
|
|
|
storedURL = url; |
|
|
|
|
generateViewLink("rowColUpdate"); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share GRID view : new row visible`, () => { |
|
|
|
|
// verify row
|
|
|
|
|
cy.get(`.v-pagination > li:contains('5') button`).click(); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 10); |
|
|
|
|
mainPage.getCell("Country", 10).contains("a").should("exist"); |
|
|
|
|
}); |
|
|
|
|
after(() => { |
|
|
|
|
// close table
|
|
|
|
|
cy.restoreLocalStorage(); |
|
|
|
|
cy.visit(storedURL, { |
|
|
|
|
baseUrl: null, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
// delete row
|
|
|
|
|
mainPage.getPagination(5).click(); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 10); |
|
|
|
|
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(); |
|
|
|
|
|
|
|
|
|
cy.toastWait("Update table successful"); |
|
|
|
|
|
|
|
|
|
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!
|
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 25); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
it(`Share GRID view : new row visible`, () => { |
|
|
|
|
// verify row
|
|
|
|
|
cy.get(`.v-pagination > li:contains('5') button`).click(); |
|
|
|
|
// wait for page rendering to complete
|
|
|
|
|
cy.get(".nc-grid-row").should("have.length", 10); |
|
|
|
|
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"); |
|
|
|
|
it.skip(`Share GRID view : new column visible`, () => { |
|
|
|
|
// verify column headers
|
|
|
|
|
cy.get('[data-col="dummy"]').should("exist"); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
Raju Udava
3 years ago