Merge pull request #6865 from Budibase/cypress-testing
Cypress: Test Changes + New Commands
This commit is contained in:
commit
50e2612de6
12 changed files with 170 additions and 100 deletions
|
@ -17,16 +17,15 @@ filterTests(['all'], () => {
|
||||||
it("should add form with multi select picker, containing 5 options", () => {
|
it("should add form with multi select picker, containing 5 options", () => {
|
||||||
cy.navigateToFrontend()
|
cy.navigateToFrontend()
|
||||||
// Add data provider
|
// Add data provider
|
||||||
cy.get(interact.CATEGORY_DATA, { timeout: 500 }).click()
|
cy.searchAndAddComponent("Data Provider")
|
||||||
cy.get(interact.COMPONENT_DATA_PROVIDER).click()
|
|
||||||
cy.get(interact.DATASOURCE_PROP_CONTROL).click()
|
cy.get(interact.DATASOURCE_PROP_CONTROL).click()
|
||||||
cy.get(interact.DROPDOWN).contains("Multi Data").click()
|
cy.get(interact.DROPDOWN).contains("Multi Data").click()
|
||||||
// Add Form with schema to match table
|
// Add Form with schema to match table
|
||||||
cy.addComponent("Form", "Form")
|
cy.searchAndAddComponent("Form")
|
||||||
cy.get(interact.DATASOURCE_PROP_CONTROL).click()
|
cy.get(interact.DATASOURCE_PROP_CONTROL).click()
|
||||||
cy.get(interact.DROPDOWN).contains("Multi Data").click()
|
cy.get(interact.DROPDOWN).contains("Multi Data").click()
|
||||||
// Add multi-select picker to form
|
// Add multi-select picker to form
|
||||||
cy.addComponent("Form", "Multi-select Picker").then(componentId => {
|
cy.searchAndAddComponent("Multi-select Picker").then(componentId => {
|
||||||
cy.get(interact.DATASOURCE_FIELD_CONTROL).type("Test Data").type("{enter}")
|
cy.get(interact.DATASOURCE_FIELD_CONTROL).type("Test Data").type("{enter}")
|
||||||
cy.wait(1000)
|
cy.wait(1000)
|
||||||
cy.getComponent(componentId).contains("Choose some options").click()
|
cy.getComponent(componentId).contains("Choose some options").click()
|
||||||
|
|
|
@ -10,15 +10,13 @@ filterTests(['all'], () => {
|
||||||
|
|
||||||
it("should add Radio Buttons options picker on form, add data, and confirm", () => {
|
it("should add Radio Buttons options picker on form, add data, and confirm", () => {
|
||||||
cy.navigateToFrontend()
|
cy.navigateToFrontend()
|
||||||
cy.wait(500)
|
cy.searchAndAddComponent("Form")
|
||||||
cy.addComponent("Form", "Form")
|
cy.searchAndAddComponent("Options Picker").then((componentId) => {
|
||||||
cy.addComponent("Form", "Options Picker").then((componentId) => {
|
|
||||||
// Provide field setting
|
// Provide field setting
|
||||||
cy.get(interact.DATASOURCE_FIELD_CONTROL).type("1")
|
cy.get(interact.DATASOURCE_FIELD_CONTROL).type("1")
|
||||||
// Open dropdown and select Radio buttons
|
// Open dropdown and select Radio buttons
|
||||||
cy.get(interact.OPTION_TYPE_PROP_CONTROL).click().then(() => {
|
cy.get(interact.OPTION_TYPE_PROP_CONTROL).click().then(() => {
|
||||||
cy.get(interact.SPECTRUM_POPOVER).contains('Radio buttons')
|
cy.get(interact.SPECTRUM_POPOVER).contains('Radio buttons')
|
||||||
.wait(500)
|
|
||||||
.click()
|
.click()
|
||||||
})
|
})
|
||||||
const radioButtonsTotal = 3
|
const radioButtonsTotal = 3
|
||||||
|
@ -32,8 +30,8 @@ filterTests(['all'], () => {
|
||||||
const addRadioButtonData = (totalRadioButtons) => {
|
const addRadioButtonData = (totalRadioButtons) => {
|
||||||
cy.get(interact.OPTION_SOURCE_PROP_CONROL).click().then(() => {
|
cy.get(interact.OPTION_SOURCE_PROP_CONROL).click().then(() => {
|
||||||
cy.get(interact.SPECTRUM_POPOVER).contains('Custom')
|
cy.get(interact.SPECTRUM_POPOVER).contains('Custom')
|
||||||
.wait(500)
|
|
||||||
.click()
|
.click()
|
||||||
|
.wait(1000)
|
||||||
})
|
})
|
||||||
cy.addCustomSourceOptions(totalRadioButtons)
|
cy.addCustomSourceOptions(totalRadioButtons)
|
||||||
}
|
}
|
||||||
|
|
|
@ -205,7 +205,7 @@ filterTests(["all"], () => {
|
||||||
|
|
||||||
cy.navigateToFrontend()
|
cy.navigateToFrontend()
|
||||||
|
|
||||||
cy.addComponent("Elements", "Headline").then(componentId => {
|
cy.searchAndAddComponent("Headline").then(componentId => {
|
||||||
cy.getComponent(componentId).should("exist")
|
cy.getComponent(componentId).should("exist")
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -14,11 +14,8 @@ filterTests(['smoke', 'all'], () => {
|
||||||
cy.closeModal();
|
cy.closeModal();
|
||||||
|
|
||||||
cy.contains("Design").click()
|
cy.contains("Design").click()
|
||||||
cy.get(interact.LABEL_ADD_CIRCLE).click()
|
cy.navigateToAutogeneratedModal()
|
||||||
cy.get(interact.SPECTRUM_MODAL).within(() => {
|
|
||||||
cy.get(interact.ITEM_DISABLED).contains("Autogenerated screens")
|
|
||||||
cy.get(interact.CONFIRM_WRAP_SPE_BUTTON).should('be.disabled')
|
cy.get(interact.CONFIRM_WRAP_SPE_BUTTON).should('be.disabled')
|
||||||
})
|
|
||||||
|
|
||||||
cy.deleteAllApps()
|
cy.deleteAllApps()
|
||||||
});
|
});
|
||||||
|
@ -45,25 +42,25 @@ filterTests(['smoke', 'all'], () => {
|
||||||
// Create Autogenerated screens from the internal table
|
// Create Autogenerated screens from the internal table
|
||||||
cy.createDatasourceScreen(["Cypress Tests"])
|
cy.createDatasourceScreen(["Cypress Tests"])
|
||||||
// Confirm screens have been auto generated
|
// Confirm screens have been auto generated
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("cypress-tests").click({ force: true })
|
cy.get(interact.BODY).should('contain', "cypress-tests")
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'cypress-tests/:id')
|
.and('contain', 'cypress-tests/:id')
|
||||||
.and('contain', 'cypress-tests/new/row')
|
.and('contain', 'cypress-tests/new/row')
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should generate multiple internal table screens at once", () => {
|
it("should generate multiple internal table screens at once", () => {
|
||||||
// Create a second internal table
|
|
||||||
const initialTable = "Cypress Tests"
|
const initialTable = "Cypress Tests"
|
||||||
const secondTable = "Table Two"
|
const secondTable = "Table Two"
|
||||||
|
// Create a second internal table
|
||||||
cy.createTable(secondTable)
|
cy.createTable(secondTable)
|
||||||
// Create Autogenerated screens from the internal tables
|
// Create Autogenerated screens from the internal tables
|
||||||
cy.createDatasourceScreen([initialTable, secondTable])
|
cy.createDatasourceScreen([initialTable, secondTable])
|
||||||
// Confirm screens have been auto generated
|
// Confirm screens have been auto generated
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("cypress-tests").click({ force: true })
|
|
||||||
// Previously generated tables are suffixed with numbers - as expected
|
// Previously generated tables are suffixed with numbers - as expected
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'cypress-tests-2/:id')
|
cy.get(interact.BODY).should('contain', 'cypress-tests-2')
|
||||||
|
.and('contain', 'cypress-tests-2/:id')
|
||||||
.and('contain', 'cypress-tests-2/new/row')
|
.and('contain', 'cypress-tests-2/new/row')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("table-two").click()
|
.and('contain', 'table-two')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'table-two/:id')
|
.and('contain', 'table-two/:id')
|
||||||
.and('contain', 'table-two/new/row')
|
.and('contain', 'table-two/new/row')
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -73,17 +70,17 @@ filterTests(['smoke', 'all'], () => {
|
||||||
cy.createTable("Table Four")
|
cy.createTable("Table Four")
|
||||||
cy.createDatasourceScreen(["Table Three", "Table Four"], "Admin")
|
cy.createDatasourceScreen(["Table Three", "Table Four"], "Admin")
|
||||||
|
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("table-three").click()
|
// Filter screens to Admin
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'table-three/:id')
|
cy.filterScreensAccessLevel('Admin')
|
||||||
|
|
||||||
|
cy.get(interact.BODY).should('contain', 'table-three')
|
||||||
|
.and('contain', 'table-three/:id')
|
||||||
.and('contain', 'table-three/new/row')
|
.and('contain', 'table-three/new/row')
|
||||||
|
.and('contain', 'table-four')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("table-four").click()
|
.and('contain', 'table-four/:id')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'table-four/:id')
|
|
||||||
.and('contain', 'table-four/new/row')
|
.and('contain', 'table-four/new/row')
|
||||||
|
.and('not.contain', 'table-two')
|
||||||
//The access level should now be set to admin. Previous screens should be filtered.
|
.and('not.contain', 'cypress-tests')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("table-two").should('not.exist')
|
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("cypress-tests").should('not.exist')
|
|
||||||
})
|
})
|
||||||
|
|
||||||
if (Cypress.env("TEST_ENV")) {
|
if (Cypress.env("TEST_ENV")) {
|
||||||
|
@ -96,8 +93,8 @@ filterTests(['smoke', 'all'], () => {
|
||||||
// Create Autogenerated screens from a MySQL table - MySQL contains books table
|
// Create Autogenerated screens from a MySQL table - MySQL contains books table
|
||||||
cy.createDatasourceScreen(["books"])
|
cy.createDatasourceScreen(["books"])
|
||||||
|
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).contains("books").click()
|
cy.get(interact.BODY).should('contain', 'books')
|
||||||
cy.get(interact.NAV_ITEMS_CONTAINER).should('contain', 'books/:id')
|
.and('contain', 'books/:id')
|
||||||
.and('contain', 'books/new/row')
|
.and('contain', 'books/new/row')
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -13,7 +13,7 @@ filterTests(['smoke', 'all'], () => {
|
||||||
it("should show the new user UI/UX", () => {
|
it("should show the new user UI/UX", () => {
|
||||||
cy.visit(`${Cypress.config().baseUrl}/builder/portal/apps/create`, { timeout: 5000 }) //added /portal/apps/create
|
cy.visit(`${Cypress.config().baseUrl}/builder/portal/apps/create`, { timeout: 5000 }) //added /portal/apps/create
|
||||||
cy.wait(1000)
|
cy.wait(1000)
|
||||||
cy.get(interact.CREATE_APP_BUTTON).contains('Start from scratch').should("exist")
|
cy.get(interact.CREATE_APP_BUTTON, { timeout: 10000 }).contains('Start from scratch').should("exist")
|
||||||
|
|
||||||
cy.get(interact.TEMPLATE_CATEGORY_FILTER).should("exist")
|
cy.get(interact.TEMPLATE_CATEGORY_FILTER).should("exist")
|
||||||
cy.get(interact.TEMPLATE_CATEGORY).should("exist")
|
cy.get(interact.TEMPLATE_CATEGORY).should("exist")
|
||||||
|
|
|
@ -9,13 +9,13 @@ filterTests(['smoke', 'all'], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should add a current user binding", () => {
|
it("should add a current user binding", () => {
|
||||||
cy.addComponent("Elements", "Paragraph").then(() => {
|
cy.searchAndAddComponent("Paragraph").then(() => {
|
||||||
addSettingBinding("text", "Current User._id")
|
addSettingBinding("text", "Current User._id")
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should handle an invalid binding", () => {
|
it("should handle an invalid binding", () => {
|
||||||
cy.addComponent("Elements", "Paragraph").then(componentId => {
|
cy.searchAndAddComponent("Paragraph").then(componentId => {
|
||||||
// Cypress needs to escape curly brackets
|
// Cypress needs to escape curly brackets
|
||||||
cy.get("[data-cy=setting-text] input")
|
cy.get("[data-cy=setting-text] input")
|
||||||
.type("{{}{{}{{} Current User._id {}}{}}")
|
.type("{{}{{}{{} Current User._id {}}{}}")
|
||||||
|
@ -27,7 +27,7 @@ filterTests(['smoke', 'all'], () => {
|
||||||
xit("should add a URL param binding", () => {
|
xit("should add a URL param binding", () => {
|
||||||
const paramName = "foo"
|
const paramName = "foo"
|
||||||
cy.createScreen(`/test/:${paramName}`)
|
cy.createScreen(`/test/:${paramName}`)
|
||||||
cy.addComponent("Elements", "Paragraph").then(componentId => {
|
cy.searchAndAddComponent("Paragraph").then(componentId => {
|
||||||
addSettingBinding("text", `URL.${paramName}`)
|
addSettingBinding("text", `URL.${paramName}`)
|
||||||
// The builder preview pages don't have a real URL, so all we can do
|
// The builder preview pages don't have a real URL, so all we can do
|
||||||
// is check that we were able to bind to the property, and that the
|
// is check that we were able to bind to the property, and that the
|
||||||
|
@ -37,7 +37,7 @@ filterTests(['smoke', 'all'], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should add a binding with a handlebars helper", () => {
|
it("should add a binding with a handlebars helper", () => {
|
||||||
cy.addComponent("Elements", "Paragraph").then(componentId => {
|
cy.searchAndAddComponent("Paragraph").then(componentId => {
|
||||||
// Cypress needs to escape curly brackets
|
// Cypress needs to escape curly brackets
|
||||||
cy.get("[data-cy=setting-text] input")
|
cy.get("[data-cy=setting-text] input")
|
||||||
.type("{{}{{} add 1 2 {}}{}}")
|
.type("{{}{{} add 1 2 {}}{}}")
|
||||||
|
|
|
@ -31,13 +31,13 @@ filterTests(["all"], () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
it("should add a container", () => {
|
it("should add a container", () => {
|
||||||
cy.addComponent("Layout", "Container").then(componentId => {
|
cy.searchAndAddComponent("Container").then(componentId => {
|
||||||
cy.getComponent(componentId).should("exist")
|
cy.getComponent(componentId).should("exist")
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should add a headline", () => {
|
it("should add a headline", () => {
|
||||||
cy.addComponent("Elements", "Headline").then(componentId => {
|
cy.searchAndAddComponent("Headline").then(componentId => {
|
||||||
headlineId = componentId
|
headlineId = componentId
|
||||||
cy.getComponent(headlineId).should("exist")
|
cy.getComponent(headlineId).should("exist")
|
||||||
})
|
})
|
||||||
|
@ -63,11 +63,11 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should create a form and reset to match schema", () => {
|
it("should create a form and reset to match schema", () => {
|
||||||
cy.addComponent("Form", "Form").then(() => {
|
cy.searchAndAddComponent("Form").then(() => {
|
||||||
cy.get("[data-cy=setting-dataSource]").contains("Custom").click()
|
cy.get("[data-cy=setting-dataSource]").contains("Custom").click()
|
||||||
cy.get(interact.DROPDOWN).contains("dog").click()
|
cy.get(interact.DROPDOWN).contains("dog").click()
|
||||||
cy.wait(500)
|
cy.wait(500)
|
||||||
cy.addComponent("Form", "Field Group").then(fieldGroupId => {
|
cy.searchAndAddComponent("Field Group").then(fieldGroupId => {
|
||||||
cy.contains("Update form fields").click()
|
cy.contains("Update form fields").click()
|
||||||
cy.get(".spectrum-Modal")
|
cy.get(".spectrum-Modal")
|
||||||
.get(".confirm-wrap .spectrum-Button")
|
.get(".confirm-wrap .spectrum-Button")
|
||||||
|
@ -88,7 +88,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("deletes a component", () => {
|
it("deletes a component", () => {
|
||||||
cy.addComponent("Elements", "Paragraph").then(componentId => {
|
cy.searchAndAddComponent("Paragraph").then(componentId => {
|
||||||
cy.get("[data-cy=setting-_instanceName] input").type(componentId).blur()
|
cy.get("[data-cy=setting-_instanceName] input").type(componentId).blur()
|
||||||
cy.get(
|
cy.get(
|
||||||
".nav-items-container .nav-item.selected .actions > div > .icon"
|
".nav-items-container .nav-item.selected .actions > div > .icon"
|
||||||
|
@ -104,7 +104,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should clear the iframe place holder when a form field has been set", () => {
|
it("should clear the iframe place holder when a form field has been set", () => {
|
||||||
cy.addComponent("Form", "Form").then(formId => {
|
cy.searchAndAddComponent("Form").then(formId => {
|
||||||
//For deletion
|
//For deletion
|
||||||
cy.get("[data-cy=setting-_instanceName] input")
|
cy.get("[data-cy=setting-_instanceName] input")
|
||||||
.clear()
|
.clear()
|
||||||
|
@ -123,10 +123,7 @@ filterTests(["all"], () => {
|
||||||
|
|
||||||
const testFieldFocusOnCreate = componentLabel => {
|
const testFieldFocusOnCreate = componentLabel => {
|
||||||
cy.log("Adding: " + componentLabel)
|
cy.log("Adding: " + componentLabel)
|
||||||
return cy.addComponent("Form", componentLabel).then(componentId => {
|
return cy.searchAndAddComponent(componentLabel).then(componentId => {
|
||||||
cy.getComponent(componentId)
|
|
||||||
.find(".component-placeholder")
|
|
||||||
.should("exist")
|
|
||||||
cy.get("[data-cy=setting-field] button.spectrum-Picker").click()
|
cy.get("[data-cy=setting-field] button.spectrum-Picker").click()
|
||||||
|
|
||||||
//Click the first appropriate field. They are filtered by type
|
//Click the first appropriate field. They are filtered by type
|
||||||
|
@ -157,7 +154,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should populate the provider for charts with a data provider in its path", () => {
|
it("should populate the provider for charts with a data provider in its path", () => {
|
||||||
cy.addComponent("Data", "Data Provider").then(providerId => {
|
cy.searchAndAddComponent("Data Provider").then(providerId => {
|
||||||
//For deletion
|
//For deletion
|
||||||
cy.get("[data-cy=setting-_instanceName] input")
|
cy.get("[data-cy=setting-_instanceName] input")
|
||||||
.clear()
|
.clear()
|
||||||
|
@ -181,7 +178,7 @@ filterTests(["all"], () => {
|
||||||
|
|
||||||
const testFocusOnCreate = chartLabel => {
|
const testFocusOnCreate = chartLabel => {
|
||||||
cy.log("Adding: " + chartLabel)
|
cy.log("Adding: " + chartLabel)
|
||||||
cy.addComponent("Chart", chartLabel).then(componentId => {
|
cy.searchAndAddComponent(chartLabel).then(componentId => {
|
||||||
cy.get(
|
cy.get(
|
||||||
"[data-cy=dataProvider-prop-control] .spectrum-Picker"
|
"[data-cy=dataProvider-prop-control] .spectrum-Picker"
|
||||||
).should("not.have.class", "is-focused")
|
).should("not.have.class", "is-focused")
|
||||||
|
@ -207,7 +204,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should replace the placeholder when a url is set on an image", () => {
|
it("should replace the placeholder when a url is set on an image", () => {
|
||||||
cy.addComponent("Elements", "Image").then(imageId => {
|
cy.searchAndAddComponent("Image").then(imageId => {
|
||||||
cy.get("[data-cy=setting-_instanceName] input")
|
cy.get("[data-cy=setting-_instanceName] input")
|
||||||
.clear()
|
.clear()
|
||||||
.type(imageId)
|
.type(imageId)
|
||||||
|
@ -229,7 +226,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should add a markdown component.", () => {
|
it("should add a markdown component.", () => {
|
||||||
cy.addComponent("Elements", "Markdown Viewer").then(markdownId => {
|
cy.searchAndAddComponent("Markdown Viewer").then(markdownId => {
|
||||||
cy.get("[data-cy=setting-_instanceName] input")
|
cy.get("[data-cy=setting-_instanceName] input")
|
||||||
.clear()
|
.clear()
|
||||||
.type(markdownId)
|
.type(markdownId)
|
||||||
|
@ -253,8 +250,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should direct the user when adding an Icon component.", () => {
|
it("should direct the user when adding an Icon component.", () => {
|
||||||
cy.addComponent("Elements", "Icon").then(iconId => {
|
cy.searchAndAddComponent("Icon").then(iconId => {
|
||||||
cy.getComponent(iconId).find(".component-placeholder").should("exist")
|
|
||||||
cy.get("[data-cy=setting-_instanceName] input")
|
cy.get("[data-cy=setting-_instanceName] input")
|
||||||
.clear()
|
.clear()
|
||||||
.type(iconId)
|
.type(iconId)
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
import filterTests from "../support/filterTests"
|
import filterTests from "../support/filterTests"
|
||||||
|
const interact = require('../support/interact')
|
||||||
|
|
||||||
filterTests(["smoke", "all"], () => {
|
filterTests(["smoke", "all"], () => {
|
||||||
context("Screen Tests", () => {
|
context("Screen Tests", () => {
|
||||||
|
@ -10,32 +11,44 @@ filterTests(["smoke", "all"], () => {
|
||||||
|
|
||||||
it("Should successfully create a screen", () => {
|
it("Should successfully create a screen", () => {
|
||||||
cy.createScreen("test")
|
cy.createScreen("test")
|
||||||
cy.get(".nav-items-container").within(() => {
|
cy.get(interact.BODY).within(() => {
|
||||||
cy.contains("/test").should("exist")
|
cy.contains("/test").should("exist")
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it("Should update the url", () => {
|
it("Should update the url", () => {
|
||||||
cy.createScreen("test with spaces")
|
cy.createScreen("test with spaces")
|
||||||
cy.get(".nav-items-container").within(() => {
|
cy.get(interact.BODY).within(() => {
|
||||||
cy.contains("/test-with-spaces").should("exist")
|
cy.contains("/test-with-spaces").should("exist")
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it("Should create a blank screen with the selected access level", () => {
|
it("should delete all screens then create first screen via button", () => {
|
||||||
cy.createScreen("admin only", "Admin")
|
cy.deleteAllScreens()
|
||||||
|
|
||||||
cy.get(".nav-items-container").within(() => {
|
cy.contains("Create first screen").click()
|
||||||
cy.contains("/admin-only").should("exist")
|
cy.get(interact.BODY, { timeout: 2000 }).should('contain', '/home')
|
||||||
})
|
})
|
||||||
|
|
||||||
cy.createScreen("open to all", "Public")
|
it("Should create and filter screens by access level", () => {
|
||||||
|
const accessLevels = ["Basic", "Admin", "Public", "Power"]
|
||||||
|
|
||||||
cy.get(".nav-items-container").within(() => {
|
for (const access of accessLevels){
|
||||||
cy.contains("/open-to-all").should("exist")
|
// Create screen with specified access level
|
||||||
//The access level should now be set to admin. Previous screens should be filtered.
|
cy.createScreen(access, access)
|
||||||
cy.get(".nav-item").contains("/test-screen").should("not.exist")
|
// Filter by access level and confirm screen visible
|
||||||
|
cy.filterScreensAccessLevel(access)
|
||||||
|
cy.get(interact.BODY).within(() => {
|
||||||
|
cy.get(interact.NAV_ITEM).should('contain', access.toLowerCase())
|
||||||
})
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// Filter by All screens - Confirm all screens visible
|
||||||
|
cy.filterScreensAccessLevel("All screens")
|
||||||
|
cy.get(interact.BODY).should('contain', accessLevels[0])
|
||||||
|
.and('contain', accessLevels[1])
|
||||||
|
.and('contain', accessLevels[2])
|
||||||
|
.and('contain', accessLevels[3])
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
|
@ -108,7 +108,7 @@ filterTests(["all"], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
it("should delete a relationship", () => {
|
it("should delete a relationship", () => {
|
||||||
cy.get(".hierarchy-items-container").contains("PostgreSQL").click()
|
cy.get(".hierarchy-items-container").contains("PostgreSQL").click({ force: true })
|
||||||
cy.reload()
|
cy.reload()
|
||||||
// Delete one relationship
|
// Delete one relationship
|
||||||
cy.get(".spectrum-Table")
|
cy.get(".spectrum-Table")
|
||||||
|
@ -156,7 +156,7 @@ filterTests(["all"], () => {
|
||||||
|
|
||||||
it("should switch to schema with no tables", () => {
|
it("should switch to schema with no tables", () => {
|
||||||
// Switch Schema - To one without any tables
|
// Switch Schema - To one without any tables
|
||||||
cy.get(".hierarchy-items-container").contains("PostgreSQL").click()
|
cy.get(".hierarchy-items-container").contains("PostgreSQL").click({ force: true })
|
||||||
switchSchema("randomText")
|
switchSchema("randomText")
|
||||||
|
|
||||||
// No tables displayed
|
// No tables displayed
|
||||||
|
@ -219,7 +219,7 @@ filterTests(["all"], () => {
|
||||||
// Access query
|
// Access query
|
||||||
cy.get(".hierarchy-items-container", { timeout: 2000 })
|
cy.get(".hierarchy-items-container", { timeout: 2000 })
|
||||||
.contains(queryName + " (1)")
|
.contains(queryName + " (1)")
|
||||||
.click()
|
.click({ force: true })
|
||||||
|
|
||||||
// Rename query
|
// Rename query
|
||||||
cy.wait(1000)
|
cy.wait(1000)
|
||||||
|
|
|
@ -30,7 +30,7 @@ filterTests(['smoke', 'all'], () => {
|
||||||
cy.navigateToFrontend()
|
cy.navigateToFrontend()
|
||||||
|
|
||||||
// Add initial component - Paragraph
|
// Add initial component - Paragraph
|
||||||
cy.addComponent("Elements", "Paragraph")
|
cy.searchAndAddComponent("Paragraph")
|
||||||
// Publish app
|
// Publish app
|
||||||
cy.get(interact.SPECTRUM_BUTTON).contains("Publish").click({ force: true })
|
cy.get(interact.SPECTRUM_BUTTON).contains("Publish").click({ force: true })
|
||||||
cy.get(interact.SPECTRUM_BUTTON_GROUP).within(() => {
|
cy.get(interact.SPECTRUM_BUTTON_GROUP).within(() => {
|
||||||
|
@ -42,7 +42,7 @@ filterTests(['smoke', 'all'], () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
// Add second component - Button
|
// Add second component - Button
|
||||||
cy.addComponent("Elements", "Button")
|
cy.searchAndAddComponent("Button")
|
||||||
// Click Revert
|
// Click Revert
|
||||||
cy.get(interact.TOP_RIGHT_NAV).within(() => {
|
cy.get(interact.TOP_RIGHT_NAV).within(() => {
|
||||||
cy.get(interact.AREA_LABEL_REVERT).click({ force: true })
|
cy.get(interact.AREA_LABEL_REVERT).click({ force: true })
|
||||||
|
|
|
@ -4,7 +4,7 @@ Cypress.on("uncaught:exception", () => {
|
||||||
|
|
||||||
// ACCOUNTS & USERS
|
// ACCOUNTS & USERS
|
||||||
Cypress.Commands.add("login", (email, password) => {
|
Cypress.Commands.add("login", (email, password) => {
|
||||||
cy.visit(`${Cypress.config().baseUrl}/builder`, { timeout: 5000 })
|
cy.visit(`${Cypress.config().baseUrl}/builder`, { timeout: 10000 })
|
||||||
cy.wait(2000)
|
cy.wait(2000)
|
||||||
cy.url().then(url => {
|
cy.url().then(url => {
|
||||||
if (url.includes("builder/admin")) {
|
if (url.includes("builder/admin")) {
|
||||||
|
@ -210,7 +210,7 @@ Cypress.Commands.add("deleteApp", name => {
|
||||||
cy.get(".app-overview-actions-icon").within(() => {
|
cy.get(".app-overview-actions-icon").within(() => {
|
||||||
cy.get(".spectrum-Icon").click({ force: true })
|
cy.get(".spectrum-Icon").click({ force: true })
|
||||||
})
|
})
|
||||||
cy.get(".spectrum-Menu").contains("Delete").click()
|
cy.get(".spectrum-Menu").contains("Delete").click({ force: true })
|
||||||
cy.get(".spectrum-Dialog-grid").within(() => {
|
cy.get(".spectrum-Dialog-grid").within(() => {
|
||||||
cy.get("input").type(name)
|
cy.get("input").type(name)
|
||||||
})
|
})
|
||||||
|
@ -491,13 +491,12 @@ Cypress.Commands.add("selectTable", tableName => {
|
||||||
})
|
})
|
||||||
|
|
||||||
Cypress.Commands.add("addCustomSourceOptions", totalOptions => {
|
Cypress.Commands.add("addCustomSourceOptions", totalOptions => {
|
||||||
cy.get(".spectrum-ActionButton")
|
cy.get('[data-cy="customOptions-prop-control"]').within(() => {
|
||||||
.contains("Define Options")
|
cy.get(".spectrum-ActionButton-label").click({ force: true })
|
||||||
.click()
|
})
|
||||||
.then(() => {
|
|
||||||
for (let i = 0; i < totalOptions; i++) {
|
for (let i = 0; i < totalOptions; i++) {
|
||||||
// Add radio button options
|
// Add radio button options
|
||||||
cy.get(".spectrum-Button")
|
cy.get(".spectrum-Button-label", { timeout: 1000 })
|
||||||
.contains("Add Option")
|
.contains("Add Option")
|
||||||
.click({ force: true })
|
.click({ force: true })
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
@ -507,10 +506,29 @@ Cypress.Commands.add("addCustomSourceOptions", totalOptions => {
|
||||||
}
|
}
|
||||||
// Save options
|
// Save options
|
||||||
cy.get(".spectrum-Button").contains("Save").click({ force: true })
|
cy.get(".spectrum-Button").contains("Save").click({ force: true })
|
||||||
|
})
|
||||||
|
|
||||||
|
// DESIGN SECTION
|
||||||
|
Cypress.Commands.add("searchAndAddComponent", component => {
|
||||||
|
// Open component menu
|
||||||
|
cy.get(".spectrum-Button").contains("Component").click({ force: true })
|
||||||
|
|
||||||
|
// Search and add component
|
||||||
|
cy.get(".spectrum-Textfield-input").wait(500).clear().type(component)
|
||||||
|
cy.get(".body").within(() => {
|
||||||
|
cy.get(".component")
|
||||||
|
.contains(new RegExp("^" + component + "$"), { timeout: 3000 })
|
||||||
|
.click({ force: true })
|
||||||
|
})
|
||||||
|
cy.wait(1000)
|
||||||
|
cy.location().then(loc => {
|
||||||
|
const params = loc.pathname.split("/")
|
||||||
|
const componentId = params[params.length - 1]
|
||||||
|
cy.getComponent(componentId, { timeout: 3000 }).should("exist")
|
||||||
|
return cy.wrap(componentId)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
// DESIGN AREA
|
|
||||||
Cypress.Commands.add("addComponent", (category, component) => {
|
Cypress.Commands.add("addComponent", (category, component) => {
|
||||||
if (category) {
|
if (category) {
|
||||||
cy.get(`[data-cy="category-${category}"]`, { timeout: 3000 }).click({
|
cy.get(`[data-cy="category-${category}"]`, { timeout: 3000 }).click({
|
||||||
|
@ -546,7 +564,7 @@ Cypress.Commands.add("getComponent", componentId => {
|
||||||
Cypress.Commands.add("createScreen", (route, accessLevelLabel) => {
|
Cypress.Commands.add("createScreen", (route, accessLevelLabel) => {
|
||||||
// Blank Screen
|
// Blank Screen
|
||||||
cy.contains("Design").click()
|
cy.contains("Design").click()
|
||||||
cy.get("[aria-label=AddCircle]").click()
|
cy.get(".header > .add-button").click()
|
||||||
cy.get(".spectrum-Modal").within(() => {
|
cy.get(".spectrum-Modal").within(() => {
|
||||||
cy.get("[data-cy='blank-screen']").click()
|
cy.get("[data-cy='blank-screen']").click()
|
||||||
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
||||||
|
@ -571,7 +589,7 @@ Cypress.Commands.add(
|
||||||
"createDatasourceScreen",
|
"createDatasourceScreen",
|
||||||
(datasourceNames, accessLevelLabel) => {
|
(datasourceNames, accessLevelLabel) => {
|
||||||
cy.contains("Design").click()
|
cy.contains("Design").click()
|
||||||
cy.get("[aria-label=AddCircle]").click()
|
cy.get(".header > .add-button").click()
|
||||||
cy.get(".spectrum-Modal").within(() => {
|
cy.get(".spectrum-Modal").within(() => {
|
||||||
cy.get(".item").contains("Autogenerated screens").click()
|
cy.get(".item").contains("Autogenerated screens").click()
|
||||||
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
||||||
|
@ -626,13 +644,60 @@ Cypress.Commands.add(
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
|
Cypress.Commands.add("filterScreensAccessLevel", accessLevel => {
|
||||||
|
// Filters screens by access level dropdown
|
||||||
|
cy.get(".body").within(() => {
|
||||||
|
cy.get(".spectrum-Form-item").eq(1).click()
|
||||||
|
})
|
||||||
|
cy.get(".spectrum-Menu").within(() => {
|
||||||
|
cy.contains(accessLevel).click()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
Cypress.Commands.add("deleteScreen", screen => {
|
||||||
|
// Navigates to Design section and deletes specified screen
|
||||||
|
cy.contains("Design").click()
|
||||||
|
cy.get(".body").within(() => {
|
||||||
|
cy.contains(screen)
|
||||||
|
.siblings(".actions")
|
||||||
|
.within(() => {
|
||||||
|
cy.get(".spectrum-Icon").click({ force: true })
|
||||||
|
})
|
||||||
|
})
|
||||||
|
cy.get(".spectrum-Menu > .spectrum-Menu-item > .spectrum-Menu-itemLabel")
|
||||||
|
.contains("Delete")
|
||||||
|
.click()
|
||||||
|
|
||||||
|
cy.get(
|
||||||
|
".spectrum-Dialog-grid > .spectrum-ButtonGroup > .confirm-wrap > .spectrum-Button"
|
||||||
|
).click({ force: true })
|
||||||
|
cy.get(".spectrum-Dialog-grid", { timeout: 10000 }).should("not.exist")
|
||||||
|
})
|
||||||
|
|
||||||
|
Cypress.Commands.add("deleteAllScreens", () => {
|
||||||
|
// Deletes all screens
|
||||||
|
cy.get(".body")
|
||||||
|
.find(".nav-item")
|
||||||
|
.its("length")
|
||||||
|
.then(len => {
|
||||||
|
for (let i = 0; i < len; i++) {
|
||||||
|
cy.get(".body > .nav-item")
|
||||||
|
.eq(0)
|
||||||
|
.invoke("text")
|
||||||
|
.then(text => {
|
||||||
|
cy.deleteScreen(text.trim())
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// NAVIGATION
|
// NAVIGATION
|
||||||
Cypress.Commands.add("navigateToFrontend", () => {
|
Cypress.Commands.add("navigateToFrontend", () => {
|
||||||
// Clicks on Design tab and then the Home nav item
|
// Clicks on Design tab and then the Home nav item
|
||||||
cy.wait(500)
|
cy.wait(500)
|
||||||
cy.contains("Design").click()
|
cy.contains("Design").click()
|
||||||
cy.get(".spectrum-Search", { timeout: 2000 }).type("/")
|
cy.get(".spectrum-Search", { timeout: 2000 }).type("/")
|
||||||
cy.get(".nav-item", { timeout: 2000 }).contains("home").click()
|
cy.get(".nav-item", { timeout: 2000 }).contains("home").click({ force: true })
|
||||||
})
|
})
|
||||||
|
|
||||||
Cypress.Commands.add("navigateToDataSection", () => {
|
Cypress.Commands.add("navigateToDataSection", () => {
|
||||||
|
@ -644,9 +709,11 @@ Cypress.Commands.add("navigateToDataSection", () => {
|
||||||
Cypress.Commands.add("navigateToAutogeneratedModal", () => {
|
Cypress.Commands.add("navigateToAutogeneratedModal", () => {
|
||||||
// Screen name must already exist within data source
|
// Screen name must already exist within data source
|
||||||
cy.contains("Design").click()
|
cy.contains("Design").click()
|
||||||
cy.get("[aria-label=AddCircle]").click()
|
cy.get(".header > .add-button").click()
|
||||||
cy.get(".spectrum-Modal").within(() => {
|
cy.get(".spectrum-Modal").within(() => {
|
||||||
cy.get(".item").contains("Autogenerated screens").click()
|
cy.get(".item", { timeout: 2000 })
|
||||||
|
.contains("Autogenerated screens")
|
||||||
|
.click({ force: true })
|
||||||
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
cy.get(".spectrum-Button").contains("Continue").click({ force: true })
|
||||||
cy.wait(500)
|
cy.wait(500)
|
||||||
})
|
})
|
||||||
|
|
|
@ -12,7 +12,7 @@ export const APP_NAME_INPUT = "input" // we need to update this with atribute cy
|
||||||
export const SPECTRUM_BUTTON_GROUP = ".spectrum-ButtonGroup"
|
export const SPECTRUM_BUTTON_GROUP = ".spectrum-ButtonGroup"
|
||||||
export const SPECTRUM_MODAL_INPUT = ".spectrum-Modal input"
|
export const SPECTRUM_MODAL_INPUT = ".spectrum-Modal input"
|
||||||
|
|
||||||
//AddMultiOptionDatatype test
|
//AddMultiOptionDatatype
|
||||||
export const CATEGORY_DATA = '[data-cy="category-Data"]'
|
export const CATEGORY_DATA = '[data-cy="category-Data"]'
|
||||||
export const COMPONENT_DATA_PROVIDER = '[data-cy="component-Data Provider"]'
|
export const COMPONENT_DATA_PROVIDER = '[data-cy="component-Data Provider"]'
|
||||||
export const DATASOURCE_PROP_CONTROL = '[data-cy="dataSource-prop-control"]'
|
export const DATASOURCE_PROP_CONTROL = '[data-cy="dataSource-prop-control"]'
|
||||||
|
@ -51,7 +51,7 @@ export const LABEL_ADD_CIRCLE = "[aria-label=AddCircle]"
|
||||||
export const ITEM_DISABLED = ".item.disabled"
|
export const ITEM_DISABLED = ".item.disabled"
|
||||||
export const CONFIRM_WRAP_SPE_BUTTON = ".confirm-wrap .spectrum-Button"
|
export const CONFIRM_WRAP_SPE_BUTTON = ".confirm-wrap .spectrum-Button"
|
||||||
export const DATA_SOURCE_ENTRY = ".data-source-entry"
|
export const DATA_SOURCE_ENTRY = ".data-source-entry"
|
||||||
export const NAV_ITEMS_CONTAINER = ".nav-items-container"
|
export const BODY = ".body"
|
||||||
|
|
||||||
//publishWorkFlow
|
//publishWorkFlow
|
||||||
export const DEPLOY_APP_MODAL = ".spectrum-Modal [data-cy=deploy-app-modal]"
|
export const DEPLOY_APP_MODAL = ".spectrum-Modal [data-cy=deploy-app-modal]"
|
||||||
|
|
Loading…
Reference in a new issue