context("Create a View", () => { before(() => { cy.login() cy.createTestApp() cy.createTable("data") cy.addColumn("data", "group", "Text") cy.addColumn("data", "age", "Number") cy.addColumn("data", "rating", "Number") // 6 Rows cy.addRow(["Students", 25, 1]) cy.addRow(["Students", 20, 3]) cy.addRow(["Students", 18, 6]) cy.addRow(["Students", 25, 2]) cy.addRow(["Teachers", 49, 5]) cy.addRow(["Teachers", 36, 3]) }) it("creates a view", () => { cy.contains("Create view").click() cy.get(".modal-inner-wrapper").within(() => { cy.get("input").type("Test View") cy.get("button").contains("Create View").click({ force: true }) }) cy.get(".table-title h1").contains("Test View") cy.get(".title").then($headers => { expect($headers).to.have.length(3) const headers = Array.from($headers).map(header => header.textContent.trim() ) expect(removeSpacing(headers)).to.deep.eq(["group", "age", "rating"]) }) }) it("filters the view by age over 10", () => { cy.contains("Filter").click() cy.contains("Add Filter").click() cy.get(".modal-inner-wrapper").within(() => { cy.get(".spectrum-Picker-label").eq(0).click() cy.contains("age").click({ force: true }) cy.get(".spectrum-Picker-label").eq(1).click() cy.contains("More Than").click({ force: true }) cy.get("input").type(18) cy.contains("Save").click() }) cy.get(".spectrum-Table-row").get($values => { expect($values).to.have.length(5) }) }) it("creates a stats calculation view based on age", () => { cy.wait(1000) cy.contains("Calculate").click() cy.get(".modal-inner-wrapper").within(() => { cy.get(".spectrum-Picker-label").eq(0).click() cy.contains("Statistics").click() cy.get(".spectrum-Picker-label").eq(1).click() cy.contains("age").click({ force: true }) cy.contains("Save").click() }) cy.wait(1000) cy.get(".title").then($headers => { expect($headers).to.have.length(7) const headers = Array.from($headers).map(header => header.textContent.trim() ) expect(removeSpacing(headers)).to.deep.eq([ "field", "sum", "min", "max", "count", "sumsqr", "avg", ]) }) cy.get(".spectrum-Table-cell").then($values => { let values = Array.from($values).map(header => header.textContent.trim()) expect(values).to.deep.eq(["age", "155", "20", "49", "5", "5347", "31"]) }) }) it("groups the view by group", () => { cy.contains("Group by").click() cy.get(".modal-inner-wrapper").within(() => { cy.get(".spectrum-Picker-label").eq(0).click() cy.contains("group").click() cy.contains("Save").click() }) cy.wait(1000) cy.contains("Students").should("be.visible") cy.contains("Teachers").should("be.visible") cy.get(".spectrum-Table-cell").then($values => { let values = Array.from($values).map(header => header.textContent.trim()) expect(values).to.deep.eq([ "Students", "70", "20", "25", "3", "1650", "23.333333333333332", "Teachers", "85", "36", "49", "2", "3697", "42.5", ]) }) }) it("renames a view", () => { cy.contains(".nav-item", "Test View") .find(".actions .icon") .click({ force: true }) cy.contains("Edit").click() cy.get(".modal-inner-wrapper").within(() => { cy.get("input").type(" Updated") cy.contains("Save").click() }) cy.wait(1000) cy.contains("Test View Updated").should("be.visible") }) it("deletes a view", () => { cy.contains(".nav-item", "Test View Updated") .find(".actions .icon") .click({ force: true }) cy.contains("Delete").click() cy.contains("Delete View").click() cy.wait(1000) cy.contains("TestView Updated").should("not.be.visible") }) }) function removeSpacing(headers) { let newHeaders = [] for (let header of headers) { newHeaders.push(header.replace(/\s\s+/g, " ")) } return newHeaders }