mirror of https://github.com/nocodb/nocodb
Raju Udava
2 years ago
committed by
GitHub
7 changed files with 231 additions and 12 deletions
@ -0,0 +1,191 @@
|
||||
// test suite
|
||||
//
|
||||
import { isTestSuiteActive } from "../../support/page_objects/projectConstants"; |
||||
import { mainPage } from "../../support/page_objects/mainPage"; |
||||
import { loginPage } from "../../support/page_objects/navigation"; |
||||
|
||||
let linkText = ""; |
||||
const generateShareLink_surveyMode = () => { |
||||
mainPage.shareView().click(); |
||||
|
||||
// ensure modal is rendered and visible
|
||||
cy.getActiveModal(".nc-modal-share-view") |
||||
.find(".ant-modal-title") |
||||
.contains("This view is shared via a private link") |
||||
.should("be.visible"); |
||||
|
||||
// enable survey mode
|
||||
cy.get('[data-cy="nc-modal-share-view__survey-mode"]').click(); |
||||
|
||||
// copy link text, save URL
|
||||
cy.get('[data-cy="nc-modal-share-view__link"]').then(($el) => { |
||||
linkText = $el.text(); |
||||
cy.log(linkText); |
||||
}); |
||||
}; |
||||
|
||||
// Options:
|
||||
// footer
|
||||
// btnSubmit
|
||||
// fieldLabel
|
||||
//
|
||||
function validateFormPage(options) { |
||||
// header & description
|
||||
cy.get('[data-cy="nc-survey-form__heading"]') |
||||
.contains("A B C D") |
||||
.should("be.visible"); |
||||
cy.get('[data-cy="nc-survey-form__sub-heading"]') |
||||
.contains("Survey form for testing") |
||||
.should("be.visible"); |
||||
|
||||
// footer (page index)
|
||||
cy.get('[data-cy="nc-survey-form__footer"]') |
||||
.contains(options.footer) |
||||
.should("be.visible"); |
||||
|
||||
// submit button: will be either OK or Submit
|
||||
cy.get(`[data-cy="nc-survey-form__${options.btnSubmit}"]`).should( |
||||
"be.visible" |
||||
); |
||||
|
||||
// field label
|
||||
cy.get( |
||||
`[data-cy="nc-survey-form__input-${options.fieldLabel.replaceAll( |
||||
" ", |
||||
"" |
||||
)}"]` |
||||
).should("be.visible"); |
||||
} |
||||
|
||||
// test suite
|
||||
//
|
||||
export const genTest = (apiType, dbType) => { |
||||
if (!isTestSuiteActive(apiType, dbType)) return; |
||||
let clear; |
||||
|
||||
/** |
||||
* class names specific to survey mode |
||||
* data-cy="nc-survey-form__heading" |
||||
* data-cy="nc-survey-form__sub-heading" |
||||
* data-cy="nc-survey-form__input-${fieldTitle}" |
||||
* data-cy="nc-survey-form__field-description" |
||||
* data-cy="nc-survey-form__btn-submit" |
||||
* data-cy="nc-survey-form__btn-next" |
||||
* data-cy="nc-survey-form__success-msg" |
||||
* data-cy="nc-survey-form__btn-submit-another-form" |
||||
* data-cy="nc-survey-form__footer" |
||||
* data-cy="nc-survey-form__icon-next" |
||||
* data-cy="nc-survey-form__icon-prev" |
||||
*/ |
||||
|
||||
describe(`${apiType.toUpperCase()} api - Kanban`, () => { |
||||
before(() => { |
||||
cy.restoreLocalStorage(); |
||||
|
||||
// disable CY storage handling
|
||||
clear = Cypress.LocalStorage.clear; |
||||
Cypress.LocalStorage.clear = () => {}; |
||||
}); |
||||
|
||||
after(() => { |
||||
// re-enable CY storage handling
|
||||
Cypress.LocalStorage.clear = clear; |
||||
cy.saveLocalStorage(); |
||||
}); |
||||
|
||||
it("Create form view", () => { |
||||
cy.openTableTab("Country", 25); |
||||
cy.viewCreate("form"); |
||||
|
||||
// prepare form
|
||||
// wait for input fields to be rendered as enabled
|
||||
cy.wait(2000); |
||||
|
||||
// Update header & add some description
|
||||
cy.get(".nc-form") |
||||
.find('[placeholder="Form Title"]') |
||||
.clear() |
||||
.type("A B C D"); |
||||
cy.get(".nc-form") |
||||
.find('[placeholder="Add form description"]') |
||||
.type("Survey form for testing"); |
||||
cy.get(".nc-form").click(); |
||||
|
||||
// add success message
|
||||
cy.get("textarea.nc-form-after-submit-msg").type("Congratulations!"); |
||||
|
||||
// enable "Submit another form" check box
|
||||
cy.get("button.nc-form-checkbox-submit-another-form").click(); |
||||
|
||||
// show another form after 5 seconds
|
||||
cy.get("button.nc-form-checkbox-show-blank-form").click(); |
||||
}); |
||||
|
||||
it("Share form, enable survey mode", () => { |
||||
generateShareLink_surveyMode(); |
||||
cy.signOut(); |
||||
}); |
||||
|
||||
it("Visit link, validate form", () => { |
||||
cy.visit(linkText); |
||||
|
||||
// validate form
|
||||
validateFormPage({ |
||||
footer: "1 / 3", |
||||
btnSubmit: "btn-next", |
||||
fieldLabel: "Country", |
||||
}); |
||||
cy.get('[data-cy="nc-survey-form__input-Country"]').type("x{enter}"); |
||||
|
||||
validateFormPage({ |
||||
footer: "2 / 3", |
||||
btnSubmit: "btn-next", |
||||
fieldLabel: "LastUpdate", |
||||
}); |
||||
cy.get('[data-cy="nc-survey-form__input-LastUpdate"]').click(); |
||||
cy.get(".ant-picker-now-btn:visible").contains("Now").click(); |
||||
cy.get(".ant-btn-primary:visible").contains("Ok").click(); |
||||
cy.get('[data-cy="nc-survey-form__btn-next"]').click(); |
||||
|
||||
// takes time for the link field to be rendered
|
||||
cy.wait(2000); |
||||
|
||||
validateFormPage({ |
||||
footer: "3 / 3", |
||||
btnSubmit: "btn-submit", |
||||
fieldLabel: "City List", |
||||
}); |
||||
cy.get('[data-cy="nc-survey-form__btn-submit"]').click(); |
||||
|
||||
// validate success message
|
||||
cy.get('[data-cy="nc-survey-form__success-msg"]') |
||||
.should("be.visible") |
||||
.contains("Congratulations!") |
||||
.should("be.visible"); |
||||
|
||||
// validate "Submit another form" button
|
||||
cy.get('[data-cy="nc-survey-form__btn-submit-another-form"]').should( |
||||
"be.visible" |
||||
); |
||||
}); |
||||
|
||||
it("Delete form view", () => { |
||||
loginPage.loginAndOpenProject(apiType, dbType); |
||||
cy.openTableTab("Country", 25); |
||||
|
||||
// clean up newly added rows into Country table operations
|
||||
// this auto verifies successfull addition of rows to table as well
|
||||
mainPage.getPagination(5).click(); |
||||
|
||||
// wait for page rendering to complete
|
||||
cy.get(".nc-grid-row").should("have.length", 10); |
||||
|
||||
mainPage.getCell("Country", 10).rightclick(); |
||||
cy.getActiveMenu(".nc-dropdown-grid-context-menu") |
||||
.contains("Delete Row") |
||||
.click(); |
||||
|
||||
cy.viewDelete(0); |
||||
}); |
||||
}); |
||||
}; |
||||
Loading…
Reference in new issue