Added cypress tests for startpage

Author: GilbertCherrie

cypress/e2e/ui/settings.cy.js

@@ -1,6 +1,34 @@
 /* eslint-disable no-undef */
-describe('GTL', () => {
+describe('Settings > My Settings', () => {
   beforeEach(() => {
     cy.login();
+    cy.menu('Settings', 'My Settings');
+  });
+
+  it('Saves the start page setting', () => {
+    cy.get('#display\\.startpage').then((value) => {
+      expect(value[0].value).to.be.oneOf(['', 'Overview / Dashboard']);
+    });
+    cy.changeSelect('display\\.startpage', 'Overview / Utilization');
+    cy.intercept('PATCH', '/api/users/1').as('settingsUpdate');
+    cy.contains('button', 'Save').click();
+    cy.wait('@settingsUpdate').its('response.statusCode').should('eq', 200);
+
+    cy.get('#menu_item_logout').click();
+    cy.login();
+    cy.url().should('include', '/utilization');
+
+    cy.menu('Settings', 'My Settings');
+    cy.get('#display\\.startpage').then((value) => {
+      expect(value[0].value).to.equal('Overview / Utilization');
+    });
+    cy.changeSelect('display\\.startpage', 'Overview / Dashboard');
+    cy.intercept('PATCH', '/api/users/1').as('settingsUpdate');
+    cy.contains('button', 'Save').click();
+    cy.wait('@settingsUpdate').its('response.statusCode').should('eq', 200);
+
+    cy.get('#menu_item_logout').click();
+    cy.login();
+    cy.url().should('include', '/dashboard');
   });
 });

cypress/support/commands/select.js

@@ -0,0 +1,14 @@
+/* eslint-disable no-undef */
+
+// selectId: String of the ID of the select element to interact with.
+// optionToSelect: String of the option to select from the dropdown.
+Cypress.Commands.add('changeSelect', (selectId, optionToSelect) => {
+  cy.get(`#${selectId}`).click();
+  cy.get('.bx--list-box__menu-item__option').then((options) => {
+    const optionArray = Cypress.$.makeArray(options);
+    const match = optionArray.find((el) => el.innerText.trim() === optionToSelect);
+    if (match) {
+      cy.wrap(match).click();
+    }
+  });
+});

cypress/support/e2e.js

@@ -47,6 +47,7 @@ import './commands/menu.js'
 import './commands/stub_notifications.js'
 import './commands/toolbar.js'
 import './commands/throttle_response.js'
+import './commands/select.js'
 
 // Assertions
 import './assertions/expect_rates_table.js';