CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-01 12:30:41 +12:00
Code Issues Projects Releases Wiki Activity

Merge branch 'fix/cypress-fixes' of github.com:Budibase/budibase into fix/cypress-fixes

Browse source
This commit is contained in:
mike12345567 2021-06-07 13:23:18 +01:00
parent ef057910e1 2b1b434aa8
commit 0301290fda
1 changed files with 72 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

146
packages/builder/cypress/integration/createView.spec.js
View file

@ -18,20 +18,20 @@ context("Create a View", () => {
it("creates a view", () => { it("creates a view", () => {
cy.contains("Create view").click() cy.contains("Create view").click()
cy.get(".spectrum-Dialog-grid").within(() => { cy.get(".modal-inner-wrapper").within(() => {
cy.get("input").type("Test view") cy.get("input").type("Test View")
cy.get(".spectrum-Button--cta").click() cy.get("button").contains("Create View").click({ force: true })
}) })
cy.get(".table-title h1").contains("Test view") cy.get(".table-title h1").contains("Test View")
cy.get("[data-cy=table-header]").then($headers => { cy.get(".title").then($headers => {
expect($headers).to.have.length(3) expect($headers).to.have.length(3)
const headers = Array.from($headers).map(header => const headers = Array.from($headers).map(header =>
header.textContent.trim() header.textContent.trim()
) )
expect(removeSpacing(headers)).to.deep.eq([ expect(removeSpacing(headers)).to.deep.eq([
"rating Number", "group",
"age Number", "age",
"group Text", "rating",
]) ])
}) })
}) })
@ -39,109 +39,107 @@ context("Create a View", () => {
it("filters the view by age over 10", () => { it("filters the view by age over 10", () => {
cy.contains("Filter").click() cy.contains("Filter").click()
cy.contains("Add Filter").click() cy.contains("Add Filter").click()
cy.get(".menu-container")
.find("select") cy.get(".modal-inner-wrapper").within(() => {
.first() cy.get(".spectrum-Picker-label").eq(0).click()
.select("age") cy.contains("age").click({ force: true })
cy.get(".menu-container")
.find("select") cy.get(".spectrum-Picker-label").eq(1).click()
.eq(1) cy.contains("More Than").click({ force: true })
.select("More Than")
cy.get(".menu-container") cy.get("input").type(18)
.find("input") cy.contains("Save").click()
.type(18) })
cy.contains("Save").click()
cy.get("[role=rowgroup] .ag-row").get($values => { cy.get(".spectrum-Table-row").get($values => {
expect($values).to.have.length(5) expect($values).to.have.length(5)
}) })
}) })
it("creates a stats calculation view based on age", () => { it("creates a stats calculation view based on age", () => {
// Required due to responsive bug with ag grid in cypress
cy.viewport("macbook-15")
cy.contains("Calculate").click() cy.contains("Calculate").click()
cy.get(".menu-container") cy.get(".modal-inner-wrapper").within(() => {
.find("select") cy.get(".spectrum-Picker-label").eq(0).click()
.eq(0) cy.contains("Statistics").click()
.select("Statistics")
cy.wait(50) cy.get(".spectrum-Picker-label").eq(1).click()
cy.get(".menu-container") cy.contains("age").click({ force: true })
.find("select")
.eq(1) cy.contains("Save").click()
.select("age") })
cy.contains("Save").click()
cy.wait(1000) cy.wait(1000)
cy.get(".ag-center-cols-viewport").scrollTo("100%")
cy.get("[data-cy=table-header]").then($headers => { cy.get(".title").then($headers => {
expect($headers).to.have.length(7) expect($headers).to.have.length(7)
const headers = Array.from($headers).map(header => const headers = Array.from($headers).map(header =>
header.textContent.trim() header.textContent.trim()
) )
expect(removeSpacing(headers)).to.deep.eq([ expect(removeSpacing(headers)).to.deep.eq([
"avg Number", "field",
"sumsqr Number", "sum",
"count Number", "min",
"max Number", "max",
"min Number", "count",
"sum Number", "sumsqr",
"field Text", "avg",
]) ])
}) })
cy.get(".ag-cell").then($values => { cy.get(".spectrum-Table-cell").then($values => {
let values = Array.from($values).map(header => header.textContent.trim()) let values = Array.from($values).map(header => header.textContent.trim())
expect(values).to.deep.eq(["31", "5347", "5", "49", "20", "155", "age"]) expect(values).to.deep.eq(["age", "155", "20", "49", "5", "5347", "31"])
}) })
}) })
it("groups the view by group", () => { it("groups the view by group", () => {
// Required due to responsive bug with ag grid in cypress cy.contains("Group by").click()
cy.viewport("macbook-15") cy.get(".modal-inner-wrapper").within(() => {
cy.get(".spectrum-Picker-label").eq(0).click()
cy.contains("Group By").click() cy.contains("group").click()
cy.get("select").select("group") cy.contains("Save").click()
cy.contains("Save").click() })
cy.wait(1000) cy.wait(1000)
cy.get(".ag-center-cols-viewport").scrollTo("100%")
cy.contains("Students").should("be.visible") cy.contains("Students").should("be.visible")
cy.contains("Teachers").should("be.visible") cy.contains("Teachers").should("be.visible")
cy.get(".ag-row[row-index=0]") cy.get(".spectrum-Table-cell").then($values => {
.find(".ag-cell") let values = Array.from($values).map(header => header.textContent.trim())
.then($values => { expect(values).to.deep.eq([
const values = Array.from($values).map(value => value.textContent)
expect(values.sort()).to.deep.eq(
[
"Students", "Students",
"23.333333333333332",
"1650",
"3",
"25",
"20",
"70", "70",
].sort() "20",
) "25",
}) "3",
"1650",
"23.333333333333332",
"Teachers",
"85",
"36",
"49",
"2",
"3697",
"42.5",
])
})
}) })
it("renames a view", () => { it("renames a view", () => {
cy.contains(".nav-item", "Test view") cy.contains(".nav-item", "Test View")
.find(".ri-more-line") .find(".actions .icon")
.click({ force: true }) .click({ force: true })
cy.get("[data-cy=edit-view]").click() cy.contains("Edit").click()
cy.get(".menu-container").within(() => { cy.get(".modal-inner-wrapper").within(() => {
cy.get("input").type(" Updated") cy.get("input").type(" Updated")
cy.contains("Save").click() cy.contains("Save").click()
}) })
cy.wait(1000) cy.wait(1000)
cy.contains("Test view Updated").should("be.visible") cy.contains("Test View Updated").should("be.visible")
}) })
it("deletes a view", () => { it("deletes a view", () => {
cy.contains(".nav-item", "Test view Updated") cy.contains(".nav-item", "Test View Updated")
.find(".ri-more-line") .find(".actions .icon")
.click({ force: true }) .click({ force: true })
cy.get("[data-cy=delete-view]").click() cy.contains("Delete").click()
cy.contains("Delete View").click() cy.contains("Delete View").click()
cy.wait(1000) cy.wait(1000)
cy.contains("TestView Updated").should("not.be.visible") cy.contains("TestView Updated").should("not.be.visible")