Haar 2007 d integration testing

assets/js/application.js

@@ -8,6 +8,7 @@ function showDiv(divId, element, val) {
 
 document.addEventListener('DOMContentLoaded', function (event) {
   const select = document.getElementById('access-token-validity')
+  if (!select) return
   select.onchange = () => showDiv('custom-access-token-validity-element', select, 'custom')
   showDiv('custom-access-token-validity-element', select, 'custom')
 })

assets/js/initMOJFilterPage.js

@@ -5,7 +5,10 @@ new MOJFrontend.FilterToggleButton({
     container: $('.moj-action-bar__filter'),
     showText: 'Show filter',
     hideText: 'Hide filter',
-    classes: 'govuk-button--secondary',
+    classes: 'govuk-button--secondary toggle-filter-button',
+    attributes: {
+      'data-qa': 'toggle-filter-button',
+    },
   },
   closeButton: {
     container: $('.moj-filter__header-action'),

integration_tests/e2e/add-base-client.cy.ts

@@ -0,0 +1,124 @@
+import Page from '../pages/page'
+import AddBaseClientGrantPage from '../pages/addBaseClientGrant'
+import AddBaseClientDetailsPage from '../pages/addBaseClientDetails'
+import ViewBaseClientListPage from '../pages/viewBaseClientList'
+
+const visitAddBaseClientPage = (): AddBaseClientGrantPage => {
+  cy.signIn({ failOnStatusCode: true, redirectPath: '/base-clients/new' })
+  return Page.verifyOnPage(AddBaseClientGrantPage)
+}
+
+const visitAddWithClientCredentialsPage = (): AddBaseClientDetailsPage => {
+  cy.signIn({ failOnStatusCode: true, redirectPath: '/base-clients/new?grant=client-credentials' })
+  return Page.verifyOnPage(AddBaseClientDetailsPage)
+}
+
+context('Add client page', () => {
+  beforeEach(() => {
+    cy.task('reset')
+    cy.task('stubSignIn')
+    cy.task('stubManageUser')
+    cy.task('stubListBaseClients')
+  })
+
+  context('Add base client choose grant screen', () => {
+    let addBaseClientGrantPage: AddBaseClientGrantPage
+
+    beforeEach(() => {
+      addBaseClientGrantPage = visitAddBaseClientPage()
+    })
+
+    it('User can see select a grant type radio buttons', () => {
+      addBaseClientGrantPage.grantTypeRadioGroup().should('be.visible')
+    })
+
+    it('Client credentials is selected by default', () => {
+      addBaseClientGrantPage.clientCredentialsRadio().should('have.attr', 'checked')
+    })
+
+    it('Authorization code is disabled (for now)', () => {
+      addBaseClientGrantPage.authorizationCodeRadio().should('have.attr', 'disabled')
+    })
+
+    it('User clicks cancel to return to home screen', () => {
+      addBaseClientGrantPage.cancelLink().click()
+      Page.verifyOnPage(ViewBaseClientListPage)
+    })
+
+    it('User clicks continue to got to add base client details screen', () => {
+      addBaseClientGrantPage.continueButton().click()
+      Page.verifyOnPage(AddBaseClientDetailsPage)
+    })
+  })
+
+  context('Add base client enter details screen - client credentials', () => {
+    let addBaseClientDetailsPage: AddBaseClientDetailsPage
+
+    beforeEach(() => {
+      addBaseClientDetailsPage = visitAddWithClientCredentialsPage()
+    })
+
+    it('User can see base-client form inputs', () => {
+      addBaseClientDetailsPage.baseClientIdInput().should('be.visible')
+      addBaseClientDetailsPage.baseClientServiceRadioButton().should('exist')
+      addBaseClientDetailsPage.baseClientPersonalRadioButton().should('exist')
+      addBaseClientDetailsPage.baseClientAccessTokenValidityDropdown().should('be.visible')
+      addBaseClientDetailsPage.baseClientApprovedScopesInput().should('be.visible')
+    })
+
+    it('User can see audit trail form inputs', () => {
+      addBaseClientDetailsPage.auditTrailDetailsInput().should('be.visible')
+    })
+
+    it('User can see grant details form inputs', () => {
+      addBaseClientDetailsPage.grantTypeInput().should('be.visible')
+      addBaseClientDetailsPage.grantAuthoritiesInput().should('be.visible')
+      addBaseClientDetailsPage.grantDatabaseUsernameInput().should('be.visible')
+    })
+
+    it('User can see config form inputs', () => {
+      addBaseClientDetailsPage.configDoesExpireCheckbox().should('exist')
+      addBaseClientDetailsPage.configAllowedIpsInput().should('be.visible')
+    })
+
+    context('Access token validity dropdown', () => {
+      it('Custom input is initially hidden', () => {
+        addBaseClientDetailsPage.baseClientAccessTokenValidityInput().should('not.be.visible')
+      })
+
+      it('Custom input is shown when custom option is selected', () => {
+        addBaseClientDetailsPage.baseClientAccessTokenValidityDropdown().select('Custom')
+        addBaseClientDetailsPage.baseClientAccessTokenValidityInput().should('be.visible')
+      })
+    })
+
+    context('Allow client to expire ', () => {
+      it('Does expire checkbox is unchecked by default', () => {
+        addBaseClientDetailsPage.configDoesExpireCheckbox().should('not.be.checked')
+      })
+
+      it('Expiry days input is shown if checkbox is selected', () => {
+        addBaseClientDetailsPage.configDoesExpireCheckbox().click()
+        addBaseClientDetailsPage.configExpiryDaysInput().should('be.visible')
+      })
+    })
+
+    it('User clicks cancel to return to home screen', () => {
+      addBaseClientDetailsPage.cancelLink().click()
+      Page.verifyOnPage(ViewBaseClientListPage)
+    })
+
+    it('User clicks continue to post new client details screen', () => {
+      // enter a base client id
+      addBaseClientDetailsPage.baseClientIdInput().type('new-client-id')
+
+      // set up to check the POST request
+      cy.intercept('POST', '/base-clients/new', req => {
+        const { body } = req
+        expect(body).to.contain('baseClientId=new-client-id')
+      })
+
+      addBaseClientDetailsPage.saveButton().click()
+    })
+  })
+})

integration_tests/e2e/edit-base-client-deployment.cy.ts

@@ -0,0 +1,58 @@
+import Page from '../pages/page'
+import ViewBaseClientPage from '../pages/viewBaseClient'
+import EditBaseClientDeploymentDetailsPage from '../pages/editBaseClientDeploymentDetails'
+
+const visitEditBaseClientDeploymentDetailsPage = (): EditBaseClientDeploymentDetailsPage => {
+  cy.signIn({ failOnStatusCode: true, redirectPath: '/base-clients/base_client_id_1/deployment' })
+  return Page.verifyOnPage(EditBaseClientDeploymentDetailsPage)
+}
+
+context('Edit base client deployment details page', () => {
+  let editBaseClientDeploymentDetailsPage: EditBaseClientDeploymentDetailsPage
+
+  beforeEach(() => {
+    cy.task('reset')
+    cy.task('stubSignIn')
+    cy.task('stubManageUser')
+    cy.task('stubListBaseClients')
+    cy.task('stubGetBaseClient')
+    cy.task('stubGetListClientInstancesList')
+    editBaseClientDeploymentDetailsPage = visitEditBaseClientDeploymentDetailsPage()
+  })
+
+  it('User can see contact details form inputs', () => {
+    editBaseClientDeploymentDetailsPage.baseClientSummaryList().should('be.visible')
+    editBaseClientDeploymentDetailsPage.deploymentTeamInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.deploymentTeamContactInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.deploymentTeamSlackInput().should('be.visible')
+  })
+
+  it('User can see platform details form inputs', () => {
+    editBaseClientDeploymentDetailsPage.platformHostingRadios().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformNamespaceInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformDeploymentInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformSecretNameInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformSecretKeyInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformClientIdInput().should('be.visible')
+    editBaseClientDeploymentDetailsPage.platformDeploymentInfoInput().should('be.visible')
+  })
+
+  it('User clicks cancel to return to base-client screen', () => {
+    editBaseClientDeploymentDetailsPage.cancelLink().click()
+    Page.verifyOnPage(ViewBaseClientPage)
+  })
+
+  it('User clicks continue to post new client deployment details', () => {
+    // enter new audit details
+    editBaseClientDeploymentDetailsPage.deploymentTeamInput().clear()
+    editBaseClientDeploymentDetailsPage.deploymentTeamInput().type('HAHA')
+
+    // set up to check the POST request
+    cy.intercept('POST', '/base-clients/base_client_id_1/deployment', req => {
+      const { body } = req
+      expect(body).to.contain('team=HAHA')
+    })
+
+    editBaseClientDeploymentDetailsPage.saveButton().click()
+  })
+})

integration_tests/e2e/edit-base-client-details.cy.ts

@@ -0,0 +1,86 @@
+import Page from '../pages/page'
+import EditBaseClientDetailsPage from '../pages/editBaseClientDetails'
+import ViewBaseClientPage from '../pages/viewBaseClient'
+
+const visitEditBaseClientDetailsPage = (): EditBaseClientDetailsPage => {
+  cy.signIn({ failOnStatusCode: true, redirectPath: '/base-clients/base_client_id_1/edit' })
+  return Page.verifyOnPage(EditBaseClientDetailsPage)
+}
+
+context('Edit base client details page', () => {
+  let editBaseClientDetailsPage: EditBaseClientDetailsPage
+
+  beforeEach(() => {
+    cy.task('reset')
+    cy.task('stubSignIn')
+    cy.task('stubManageUser')
+    cy.task('stubListBaseClients')
+    cy.task('stubGetBaseClient')
+    cy.task('stubGetListClientInstancesList')
+    editBaseClientDetailsPage = visitEditBaseClientDetailsPage()
+  })
+
+  it('User can see base-client form inputs', () => {
+    editBaseClientDetailsPage.baseClientIdInput().should('exist')
+    editBaseClientDetailsPage.baseClientServiceRadioButton().should('exist')
+    editBaseClientDetailsPage.baseClientPersonalRadioButton().should('exist')
+    editBaseClientDetailsPage.baseClientAccessTokenValidityDropdown().should('be.visible')
+    editBaseClientDetailsPage.baseClientApprovedScopesInput().should('be.visible')
+  })
+
+  it('User can see audit trail form inputs', () => {
+    editBaseClientDetailsPage.auditTrailDetailsInput().should('be.visible')
+  })
+
+  it('User can see grant details form inputs', () => {
+    editBaseClientDetailsPage.grantTypeInput().should('be.visible')
+    editBaseClientDetailsPage.grantAuthoritiesInput().should('be.visible')
+    editBaseClientDetailsPage.grantDatabaseUsernameInput().should('be.visible')
+  })
+
+  it('User can see config form inputs', () => {
+    editBaseClientDetailsPage.configDoesExpireCheckbox().should('exist')
+    editBaseClientDetailsPage.configAllowedIpsInput().should('be.visible')
+  })
+
+  context('Access token validity dropdown', () => {
+    it('Custom input is initially hidden', () => {
+      editBaseClientDetailsPage.baseClientAccessTokenValidityInput().should('not.be.visible')
+    })
+
+    it('Custom input is shown when custom option is selected', () => {
+      editBaseClientDetailsPage.baseClientAccessTokenValidityDropdown().select('Custom')
+      editBaseClientDetailsPage.baseClientAccessTokenValidityInput().should('be.visible')
+    })
+  })
+
+  context('Allow client to expire ', () => {
+    it('Does expire checkbox is unchecked by default', () => {
+      editBaseClientDetailsPage.configDoesExpireCheckbox().should('not.be.checked')
+    })
+
+    it('Expiry days input is shown if checkbox is selected', () => {
+      editBaseClientDetailsPage.configDoesExpireCheckbox().click()
+      editBaseClientDetailsPage.configExpiryDaysInput().should('be.visible')
+    })
+  })
+
+  it('User clicks cancel to return to base-client screen', () => {
+    editBaseClientDetailsPage.cancelLink().click()
+    Page.verifyOnPage(ViewBaseClientPage)
+  })
+
+  it('User clicks continue to post new client details screen', () => {
+    // enter new audit details
+    editBaseClientDetailsPage.auditTrailDetailsInput().clear()
+    editBaseClientDetailsPage.auditTrailDetailsInput().type('updated')
+
+    // set up to check the POST request
+    cy.intercept('POST', '/base-clients/base_client_id_1/edit', req => {
+      const { body } = req
+      expect(body).to.contain('audit=updated')
+    })
+
+    editBaseClientDetailsPage.saveButton().click()
+  })
+})

integration_tests/e2e/view-base-client-list.cy.ts

@@ -0,0 +1,88 @@
+import Page from '../pages/page'
+import ViewBaseClientListPage from '../pages/viewBaseClientList'
+import ViewBaseClientPage from '../pages/viewBaseClient'
+import NewBaseClientGrantPage from '../pages/newBaseClientGrant'
+
+const visitBaseClientListPage = (): ViewBaseClientListPage => {
+  cy.signIn()
+  cy.visit('/')
+  return Page.verifyOnPage(ViewBaseClientListPage)
+}
+
+context('Homepage - list base-clients', () => {
+  let listBaseClientsPage: ViewBaseClientListPage
+
+  beforeEach(() => {
+    cy.task('reset')
+    cy.task('stubSignIn')
+    cy.task('stubListBaseClients')
+    cy.task('stubGetBaseClient')
+    cy.task('stubManageUser')
+    cy.task('stubGetListClientInstancesList')
+
+    listBaseClientsPage = visitBaseClientListPage()
+  })
+
+  it('User can see base-client list', () => {
+    listBaseClientsPage.baseClientList().should('have.length', 3)
+  })
+
+  it('User can click through to base-client', () => {
+    listBaseClientsPage.baseClientList().first().children('a').click()
+    Page.verifyOnPage(ViewBaseClientPage)
+  })
+
+  it('User can see Add New button', () => {
+    listBaseClientsPage.addNewBaseClient().should('exist')
+  })
+
+  it('User can click through to new base-client page', () => {
+    listBaseClientsPage.addNewBaseClient().click()
+    Page.verifyOnPage(NewBaseClientGrantPage)
+  })
+
+  it('Filter page is hidden', () => {
+    listBaseClientsPage.filterPanel().should('not.be.visible')
+  })
+
+  it('Toggle filter button has text Show filter', () => {
+    listBaseClientsPage.toggleFilterButton().should('have.text', 'Show filter')
+  })
+
+  it('On click shows filter panel and updates text to Hide filter', () => {
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.filterPanel().should('be.visible')
+    listBaseClientsPage.toggleFilterButton().should('have.text', 'Hide filter')
+  })
+
+  it('On second click hides filter panel and reverts text to Show filter', () => {
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.filterPanel().should('not.be.visible')
+    listBaseClientsPage.toggleFilterButton().should('have.text', 'Show filter')
+  })
+
+  it('On second click hides filter panel and reverts text to Show filter', () => {
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.filterPanel().should('not.be.visible')
+    listBaseClientsPage.toggleFilterButton().should('have.text', 'Show filter')
+  })
+
+  it('On click Apply filter hides the filter', () => {
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.applyFilterButton().click()
+
+    listBaseClientsPage.filterPanel().should('not.be.visible')
+  })
+
+  it('On click Apply with filter content limits rows in table', () => {
+    listBaseClientsPage.toggleFilterButton().click()
+    listBaseClientsPage.roleFilterInputBox().type('ROLE_TWO')
+
+    listBaseClientsPage.applyFilterButton().click()
+
+    listBaseClientsPage.filterPanel().should('not.be.visible')
+    listBaseClientsPage.baseClientList().should('have.length', 2)
+  })
+})