MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactoring test: createView

This commit is contained in:
MihailHadzhiev2022 2022-06-08 17:05:08 +03:00
parent c0549c0ebf
commit 0f38995110
2 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/builder/cypress/integration/createView.spec.js
View File

@ -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("Create a View", () => { context("Create a View", () => {
@ -22,12 +23,12 @@ filterTests(['smoke', 'all'], () => {
it("creates a view", () => { it("creates a view", () => {
cy.contains("Create view").click() cy.contains("Create view").click()
cy.get(".modal-inner-wrapper").within(() => { cy.get(interact.MODAL_INNER_WRAPPER).within(() => {
cy.get("input").type("Test View") cy.get("input").type("Test View")
cy.get("button").contains("Create View").click({ force: true }) cy.get("button").contains("Create View").click({ force: true })
}) })
cy.get(".table-title h1").contains("Test View") cy.get(interact.TABLE_TITLE_H1).contains("Test View")
cy.get(".title").then($headers => { cy.get(interact.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()
@ -40,18 +41,18 @@ filterTests(['smoke', 'all'], () => {
cy.contains("Filter").click() cy.contains("Filter").click()
cy.contains("Add Filter").click() cy.contains("Add Filter").click()
cy.get(".modal-inner-wrapper").within(() => { cy.get(interact.MODAL_INNER_WRAPPER).within(() => {
cy.get(".spectrum-Picker-label").eq(0).click() cy.get(interact.SPECTRUM_PICKER_LABEL).eq(0).click()
cy.contains("age").click({ force: true }) cy.contains("age").click({ force: true })
cy.get(".spectrum-Picker-label").eq(1).click() cy.get(interact.SPECTRUM_PICKER_LABEL).eq(1).click()
cy.contains("More Than").click({ force: true }) cy.contains("More Than").click({ force: true })
cy.get("input").type(18) cy.get("input").type(18)
cy.contains("Save").click() cy.contains("Save").click()
}) })
cy.get(".spectrum-Table-row").get($values => { cy.get(interact.SPECTRUM_TABLE_ROW).get($values => {
expect($values).to.have.length(5) expect($values).to.have.length(5)
}) })
}) })
@ -59,18 +60,18 @@ filterTests(['smoke', 'all'], () => {
it("creates a stats calculation view based on age", () => { it("creates a stats calculation view based on age", () => {
cy.wait(1000) cy.wait(1000)
cy.contains("Calculate").click() cy.contains("Calculate").click()
cy.get(".modal-inner-wrapper").within(() => { cy.get(interact.MODAL_INNER_WRAPPER).within(() => {
cy.get(".spectrum-Picker-label").eq(0).click() cy.get(interact.SPECTRUM_PICKER_LABEL).eq(0).click()
cy.contains("Statistics").click() cy.contains("Statistics").click()
cy.get(".spectrum-Picker-label").eq(1).click() cy.get(interact.SPECTRUM_PICKER_LABEL).eq(1).click()
cy.contains("age").click({ force: true }) cy.contains("age").click({ force: true })
cy.get(".spectrum-Button").contains("Save").click({ force: true }) cy.get(interact.SPECTRUM_BUTTON).contains("Save").click({ force: true })
}) })
cy.wait(1000) cy.wait(1000)
cy.get(".title").then($headers => { cy.get(interact.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()
@ -85,7 +86,7 @@ filterTests(['smoke', 'all'], () => {
"avg", "avg",
]) ])
}) })
cy.get(".spectrum-Table-cell").then($values => { cy.get(interact.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(["age", "155", "20", "49", "5", "5347", "31"]) expect(values).to.deep.eq(["age", "155", "20", "49", "5", "5347", "31"])
}) })
@ -93,8 +94,8 @@ filterTests(['smoke', 'all'], () => {
it("groups the view by group", () => { it("groups the view by group", () => {
cy.contains("Group by").click() cy.contains("Group by").click()
cy.get(".modal-inner-wrapper").within(() => { cy.get(interact.MODAL_INNER_WRAPPER).within(() => {
cy.get(".spectrum-Picker-label").eq(0).click() cy.get(interact.SPECTRUM_PICKER_LABEL).eq(0).click()
cy.contains("group").click() cy.contains("group").click()
cy.contains("Save").click() cy.contains("Save").click()
}) })
@ -102,7 +103,7 @@ filterTests(['smoke', 'all'], () => {
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(".spectrum-Table-cell").then($values => { cy.get(interact.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([ expect(values).to.deep.eq([
"Students", "Students",
@ -124,11 +125,11 @@ filterTests(['smoke', 'all'], () => {
}) })
it("renames a view", () => { it("renames a view", () => {
cy.contains(".nav-item", "Test View") cy.contains(interact.NAV_ITEM, "Test View")
.find(".actions .icon.open-popover") .find(".actions .icon.open-popover")
.click({ force: true }) .click({ force: true })
cy.get(".spectrum-Menu-itemLabel").contains("Edit").click() cy.get(interact.SPECTRUM_MENU_ITEM_LABEL).contains("Edit").click()
cy.get(".modal-inner-wrapper").within(() => { cy.get(interact.MODAL_INNER_WRAPPER).within(() => {
cy.get("input").type(" Updated") cy.get("input").type(" Updated")
cy.contains("Save").click() cy.contains("Save").click()
}) })
@ -137,7 +138,7 @@ filterTests(['smoke', 'all'], () => {
}) })
it("deletes a view", () => { it("deletes a view", () => {
cy.contains(".nav-item", "Test View Updated") cy.contains(interact.NAV_ITEM, "Test View Updated")
.find(".actions .icon.open-popover") .find(".actions .icon.open-popover")
.click({ force: true }) .click({ force: true })
cy.contains("Delete").click() cy.contains("Delete").click()

3
packages/builder/cypress/support/interact.js
View File

@ -104,3 +104,6 @@ export const SPECTRUM_TABLE_ROW = ".spectrum-Table-row"
export const SPECTRUM_TABLE_CELL = ".spectrum-Table-cell" export const SPECTRUM_TABLE_CELL = ".spectrum-Table-cell"
export const FIELD = ".field" export const FIELD = ".field"
export const CONTAINER = ".container" export const CONTAINER = ".container"
//createView
export const SPECTRUM_MENU_ITEM_LABEL = ".spectrum-Menu-itemLabel"