Update test and accessing response from api

Author: khmdagal

e2e/integration/journey.test.js

@@ -9,7 +9,7 @@ beforeEach(() => {
   })
   cy.intercept('GET', `${mockServerURL}/employers`, {
     fixture: 'employers.json'
-  }).as('getEmployers')
+  })
   cy.visit('/')
 })
 
@@ -125,21 +125,13 @@ it('requires employee selection', () => {
   cy.findByRole('button', { name: /submit/i }).click()
   cy.findByText(/form is incomplete/i).should('exist')
   cy.findByRole('combobox', { name: /who is your employer/i }).type(
-    'Capgemini{enter}'
+    'Cap{enter}'
   )
   cy.findByRole('button', { name: /submit/i }).click()
 
   cy.wait('@createVolunteer').then(({ request: { body: payload } }) => {
     expect(payload).to.have.property('hearAboutCYF', 'Employer')
-    expect(payload).to.have.property('employer', 'Capgemini')
-  })
-
-  cy.wait('@getEmployers').then(res => {
-    const employers = res.response.body.employers
-    expect(res.response.statusCode).to.equal(200)
-    expect(employers).to.be.an('array')
-    expect(employers).to.have.length.above(0)
-    expect(employers).to.deep.include({ _id: '6569', name: 'Capgemini' })
+    expect(payload).to.have.property('employer', '6569')
   })
 })
 

src/Components/forms/index.js

@@ -38,8 +38,8 @@ class Forms extends Component {
 
   fetchEmployers = async () => {
     try {
-      const employersResponse = await axios.get(`${domain()}/employers`)
-      const employersData = employersResponse.data
+      const response = await axios.get(`${domain()}/employers`)
+      const employersData = response.data.employers
       employersData.sort((a, b) => a.name.localeCompare(b.name))
       this.setState({ employersOptions: employersData })
     } catch (err) {