Cypress: Create Views test update

Updating a couple of tests within createView
- Timing issues
- Ensuring we get the correct element for testing

Also updated QueryLevelTransformers test
- Timing issue
- I've extended the timeout value for when checking the nav item content (passes locally but timed out on the CI run)

packages/builder/cypress/integration/createView.spec.js

@@ -26,7 +26,8 @@ filterTests(['smoke', 'all'], () => {
         cy.get("input").type("Test View")
         cy.get("button").contains("Create View").click({ force: true })
       })
-      cy.get(interact.TABLE_TITLE_H1).contains("Test View")
+      cy.contains(interact.TABLE_TITLE_H1, "Test View", { timeout: 10000 })
+      cy.get(".table-wrapper").within(() => {
         cy.get(interact.TITLE).then($headers => {
           expect($headers).to.have.length(3)
           const headers = Array.from($headers).map(header =>
@@ -35,6 +36,7 @@ filterTests(['smoke', 'all'], () => {
           expect(removeSpacing(headers)).to.deep.eq(["group", "age", "rating"])
         })
       })
+    })
 
     it("filters the view by age over 10", () => {
       cy.contains("Filter").click()
@@ -70,6 +72,7 @@ filterTests(['smoke', 'all'], () => {
       })
 
       cy.wait(1000)
+      cy.get(".table-wrapper").within(() => {
         cy.get(interact.TITLE).then($headers => {
           expect($headers).to.have.length(7)
           const headers = Array.from($headers).map(header =>
@@ -85,6 +88,7 @@ filterTests(['smoke', 'all'], () => {
             "avg",
           ])
         })
+      })
       cy.get(interact.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"])

packages/builder/cypress/integration/queryLevelTransformers.spec.js

@@ -15,7 +15,7 @@ filterTests(["smoke", "all"], () => {
       cy.selectExternalDatasource(datasource)
       cy.createRestQuery("GET", restUrl, "/breweries")
       cy.reload()
-      cy.contains(".nav-item-content", "/breweries", { timeout: 2000 }).click()
+      cy.contains(".nav-item-content", "/breweries", { timeout: 20000 }).click()
       cy.contains(interact.SPECTRUM_TABS_ITEM, "Transformer", { timeout: 5000 }).click({ force: true })
       // Get Transformer Function from file
       cy.readFile("cypress/support/queryLevelTransformerFunction.js").then(

packages/builder/cypress/support/commands.js

@@ -480,7 +480,7 @@ Cypress.Commands.add(
 
     // Configure column
     cy.get(".spectrum-Modal").within(() => {
-      cy.get("input").first().type(columnName).blur()
+      cy.get("input").first().type(columnName)
 
       // Unset table display column
       cy.contains("display column").click({ force: true })