mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-29 01:15:49 +00:00
chore: cypress screenshots
Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
This commit is contained in:
Raju Udava
@@ -4,193 +4,222 @@ import { mainPage } from "../../support/page_objects/mainPage";
|
||||
let storedURL = "";
|
||||
|
||||
export const genTest = (apiType, dbType) => {
|
||||
if (!isTestSuiteActive(apiType, dbType)) return;
|
||||
if (!isTestSuiteActive(apiType, dbType)) return;
|
||||
|
||||
describe(`${apiType.toUpperCase()} api - FORM view (Share)`, () => {
|
||||
const name = "Test" + Date.now();
|
||||
describe(`${apiType.toUpperCase()} api - FORM view (Share)`, () => {
|
||||
const name = "Test" + Date.now();
|
||||
|
||||
// Run once before test- create project (rest/graphql)
|
||||
//
|
||||
before(() => {
|
||||
// open a table to work on views
|
||||
//
|
||||
cy.openTableTab("City", 25);
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
cy.restoreLocalStorage();
|
||||
});
|
||||
|
||||
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();
|
||||
|
||||
// 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 > .mx-auto").find('[type="checkbox"]').eq(1).click();
|
||||
cy.get(".nc-form > .mx-auto")
|
||||
.find('[type="checkbox"]')
|
||||
.eq(1)
|
||||
.should("be.checked");
|
||||
|
||||
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!");
|
||||
|
||||
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;
|
||||
// Run once before test- create project (rest/graphql)
|
||||
//
|
||||
before(() => {
|
||||
// open a table to work on views
|
||||
//
|
||||
cy.openTableTab("City", 25);
|
||||
});
|
||||
});
|
||||
|
||||
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();
|
||||
mainPage.shareView().click();
|
||||
beforeEach(() => {
|
||||
cy.restoreLocalStorage();
|
||||
});
|
||||
|
||||
// copy link text, visit URL
|
||||
cy.getActiveModal()
|
||||
.find(".share-link-box")
|
||||
.contains("/nc/form/", { timeout: 10000 })
|
||||
.then(($obj) => {
|
||||
let linkText = $obj.text().trim();
|
||||
cy.log(linkText);
|
||||
cy.visit(linkText, {
|
||||
baseUrl: null,
|
||||
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();
|
||||
|
||||
// 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 > .mx-auto")
|
||||
.find('[type="checkbox"]')
|
||||
.eq(1)
|
||||
.click();
|
||||
cy.get(".nc-form > .mx-auto")
|
||||
.find('[type="checkbox"]')
|
||||
.eq(1)
|
||||
.should("be.checked");
|
||||
|
||||
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!");
|
||||
|
||||
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;
|
||||
});
|
||||
});
|
||||
|
||||
// wait for share view page to load!
|
||||
cy.get(".nc-form").should("exist");
|
||||
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();
|
||||
mainPage.shareView().click();
|
||||
|
||||
// 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");
|
||||
cy.snipActiveModal("Modal_ShareView");
|
||||
|
||||
// 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");
|
||||
// copy link text, visit URL
|
||||
cy.getActiveModal()
|
||||
.find(".share-link-box")
|
||||
.contains("/nc/form/", { timeout: 10000 })
|
||||
.then(($obj) => {
|
||||
let linkText = $obj.text().trim();
|
||||
cy.log(linkText);
|
||||
cy.visit(linkText, {
|
||||
baseUrl: null,
|
||||
});
|
||||
|
||||
// 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");
|
||||
// wait for share view page to load!
|
||||
cy.get(".nc-form").should("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();
|
||||
cy.snip("ShareView_Form");
|
||||
|
||||
// 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");
|
||||
// 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");
|
||||
|
||||
// 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");
|
||||
});
|
||||
});
|
||||
});
|
||||
// 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");
|
||||
|
||||
it(`Delete ${viewType} view`, () => {
|
||||
// go back to base page
|
||||
cy.visit(storedURL, {
|
||||
baseUrl: null,
|
||||
});
|
||||
// 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");
|
||||
|
||||
// number of view entries should be 2 before we delete
|
||||
cy.get(".nc-view-item").its("length").should("eq", 2);
|
||||
// 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();
|
||||
|
||||
// click on delete icon (becomes visible on hovering mouse)
|
||||
cy.get(".nc-view-delete-icon").click({ force: true });
|
||||
cy.toastWait("View deleted successfully");
|
||||
// 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");
|
||||
|
||||
// confirm if the number of veiw entries is reduced by 1
|
||||
cy.get(".nc-view-item").its("length").should("eq", 1);
|
||||
// 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");
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 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 });
|
||||
it(`Delete ${viewType} view`, () => {
|
||||
// go back to base page
|
||||
cy.visit(storedURL, {
|
||||
baseUrl: null,
|
||||
});
|
||||
|
||||
mainPage.getCell("City", 1).rightclick();
|
||||
cy.getActiveMenu().contains("Delete Selected Row").click();
|
||||
// cy.toastWait('Deleted selected rows successfully')
|
||||
});
|
||||
};
|
||||
// number of view entries should be 2 before we delete
|
||||
cy.get(".nc-view-item").its("length").should("eq", 2);
|
||||
|
||||
// below scenario's will be invoked twice, once for rest & then for graphql
|
||||
viewTest("form");
|
||||
});
|
||||
// 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);
|
||||
|
||||
// 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");
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user