User Settings Menu tests

New test file with user setting menu tests

- Also updated AccountPortals test (logout was required)

Commands & Interact files updated as required

packages/builder/cypress/integration/adminAndManagement/accountPortals.spec.js

@@ -112,6 +112,8 @@ filterTests(["smoke", "all"], () => {
       cy.get(interact.CREATE_APP_BUTTON).should('not.exist') // No create app button
       cy.get(".app").should('not.exist') // No apps -> no roles assigned to user
       cy.get(interact.CONTAINER).should('contain', bbUserEmail) // Message containing users email
+
+      cy.logOut()
     })
 
     const bbUserLogin = () => {

packages/builder/cypress/integration/adminAndManagement/userSettings.spec.js

@@ -0,0 +1,108 @@
+import filterTests from "../../support/filterTests"
+const interact = require('../../support/interact')
+
+filterTests(["smoke", "all"], () => {
+  context("User Settings Menu", () => {
+    
+    before(() => {
+      cy.login()
+    })
+    
+    it("should update user information via user settings menu", () => {
+        const fname = "test"
+        const lname = "user"
+
+        cy.visit(`${Cypress.config().baseUrl}/builder`)
+        cy.updateUserInformation(fname, lname)
+
+        // Go to user info and confirm name update
+        cy.contains("Users").click()
+        cy.contains("test@test.com").click()
+
+        cy.get(interact.FIELD, { timeout: 1000 }).eq(2).within(() => {
+            cy.get(interact.SPECTRUM_TEXTFIELD_INPUT).should('have.value', fname)
+          })
+        cy.get(interact.FIELD).eq(3).within(() => {
+            cy.get(interact.SPECTRUM_TEXTFIELD_INPUT).should('have.value', lname)
+          })
+    })
+
+    it("should allow copying of the users API key", () => {
+        cy.get(".user-dropdown .avatar > .icon", { timeout: 2000 }).click({ force: true })
+        cy.get(interact.SPECTRUM_MENU_ITEM).contains("View API key").click({ force: true })
+        cy.get(interact.SPECTRUM_DIALOG_CONTENT).within(() => {
+            cy.get(interact.SPECTRUM_ICON).click({force: true})
+        })
+        // There may be timing issues with this on the smoke build
+        cy.wait(500)
+        cy.get(".spectrum-Toast-content")
+        .contains("URL copied to clipboard")
+        .should("be.visible")
+    })
+
+    it("should allow API key regeneration", () => {
+        // Get initial API key value
+        cy.get(interact.SPECTRUM_DIALOG_CONTENT)
+        .find(interact.SPECTRUM_TEXTFIELD_INPUT).invoke('val').as('keyOne')
+
+        // Click re-generate key button
+        cy.get("button").contains("Re-generate key").click({ force: true })
+
+        // Verify API key was changed
+        cy.get(interact.SPECTRUM_DIALOG_CONTENT).within(() => {
+            cy.get('@keyOne').then((keyOne) => {
+                cy.get(interact.SPECTRUM_TEXTFIELD_INPUT).invoke('val').should('not.eq', keyOne)
+            })
+        })
+        cy.closeModal()
+    })
+
+    it("should update password", () => {
+        // Access Update password modal
+        cy.get(".user-dropdown .avatar > .icon", { timeout: 2000 }).click({ force: true })
+        cy.get(interact.SPECTRUM_MENU_ITEM).contains("Update password").click({ force: true })
+
+        // Enter new password and update
+        cy.get(interact.SPECTRUM_DIALOG_GRID).within(() => {
+            for (let i = 0; i < 2; i++) {
+                // password set to 'newpwd'
+                cy.get(interact.SPECTRUM_TEXTFIELD_INPUT).eq(i).type("newpwd")
+              }
+            cy.get("button").contains("Update password").click({ force: true })
+        })
+
+        // Logout & in with new password
+        cy.logOut()
+        cy.login("test@test.com", "newpwd")
+    })
+
+    it("should open and close developer mode", () => {
+        cy.get(".user-dropdown .avatar > .icon", { timeout: 2000 }).click({ force: true })
+        
+        // Close developer mode & verify
+        cy.get(interact.SPECTRUM_MENU_ITEM).contains("Close developer mode").click({ force: true })
+        cy.get(interact.SPECTRUM_SIDENAV).should('not.exist') // No config sections
+        cy.get(interact.CREATE_APP_BUTTON).should('not.exist') // No create app button
+        cy.get(".app").should('not.exist') // At least one app should be available
+
+        // Open developer mode & verify
+        cy.get(".avatar > .icon").click({ force: true })
+        cy.get(interact.SPECTRUM_MENU_ITEM).contains("Open developer mode").click({ force: true })
+        cy.get(interact.SPECTRUM_SIDENAV).should('exist') // config sections available
+        cy.get(interact.CREATE_APP_BUTTON).should('exist') // create app button available
+        cy.get(interact.APP_TABLE).should('exist') // App table available
+    })
+
+    after(() => {
+        // Change password back to original value
+        cy.get(".user-dropdown .avatar > .icon", { timeout: 2000 }).click({ force: true })
+        cy.get(interact.SPECTRUM_MENU_ITEM).contains("Update password").click({ force: true })
+        cy.get(interact.SPECTRUM_DIALOG_GRID).within(() => {
+            for (let i = 0; i < 2; i++) {
+                cy.get(interact.SPECTRUM_TEXTFIELD_INPUT).eq(i).type("test")
+              }
+            cy.get("button").contains("Update password").click({ force: true })
+        })
+      })
+  })
+})

packages/builder/cypress/support/commands.js

@@ -133,7 +133,7 @@ Cypress.Commands.add("createApp", (name, addDefaultTable) => {
     cy.get(".spectrum-ButtonGroup")
       .contains("Create app")
       .click({ force: true })
-    cy.wait(5000)
+    cy.wait(2000)
   })
   if (shouldCreateDefaultTable) {
     cy.createTable("Cypress Tests", true)

packages/builder/cypress/support/interact.js

@@ -105,6 +105,8 @@ export const SPECTRUM_TABLE_CELL = ".spectrum-Table-cell"
 export const FIELD = ".field"
 export const CONTAINER = ".container"
 export const REGENERATE = ".regenerate"
+export const SPECTRUM_DIALOG_CONTENT = ".spectrum-Dialog-content"
+export const SPECTRUM_ICON = ".spectrum-Icon"
 
 //createView
 export const SPECTRUM_MENU_ITEM_LABEL = ".spectrum-Menu-itemLabel"
@@ -114,14 +116,17 @@ export const TOP_RIGHT_NAV = ".toprightnav"
 export const AREA_LABEL_REVERT = "[aria-label=Revert]"
 export const ROOT = ".root"
 
-//quertLevelTransformers
+//queryLevelTransformers
 export const SPECTRUM_TABS_ITEM = ".spectrum-Tabs-itemLabel"
 export const CODEMIRROR_TEXTAREA = ".CodeMirror textarea"
 
-//renemaApplication
+//renameApplication
 export const WRAPPER = ".wrapper"
 export const ERROR = ".error"
 export const AREA_LABEL_MORE = "[aria-label=More]"
 export const APP_ROW_ACTION_MENU_POPOVER =
   '[data-cy="app-row-actions-menu-popover"]'
-export const SPECTRUM_MENU_ITEMM = ".spectrum-Menu-item"
+export const SPECTRUM_MENU_ITEM = ".spectrum-Menu-item"
+
+//commands
+export const HOME_LOGO = ".home-logo"