feat(msw): separated mock handler and made it reusable

[soartec-lab]

Status

READY

Description

Fix #822

I separate mock handler functions and aggregate functions. That way you can just use separate handlers. This will result in more reusable mocks.

Before

export const getPetsMock = () => [
  http.get('*/pets', async () => {
    await delay(1000);
    return new HttpResponse(JSON.stringify(getListPetsMock()),
      { 
        status: 200,
        headers: {
          'Content-Type': 'application/json',
        }
      }
    )
  }),
  http.post('*/pets', async () => {
    await delay(1000);
    return new HttpResponse(null,
      { 
        status: 200,
        headers: {
          'Content-Type': 'application/json',
        }
      }
    )
  }),
  http.get('*/pets/:petId', async () => {
    await delay(1000);
    return new HttpResponse(JSON.stringify(getShowPetByIdMock()),
      { 
        status: 200,
        headers: {
          'Content-Type': 'application/json',
        }
      }
    )
  })
]

After

// Individual handler
export const getListPetsMockHandler = http.get('*/pets', async () => {
  await delay(1000);
  return new HttpResponse(JSON.stringify(getListPetsMock()),
    { 
      status: 200,
      headers: {
        'Content-Type': 'application/json',
      }
    }
  )
})

export const getCreatePetsMockHandler = http.post('*/pets', async () => {
  await delay(1000);
  return new HttpResponse(null,
    { 
      status: 200,
      headers: {
        'Content-Type': 'application/json',
      }
    }
  )
})

export const getShowPetByIdMockHandler = http.get('*/pets/:petId', async () => {
  await delay(1000);
  return new HttpResponse(JSON.stringify(getShowPetByIdMock()),
    { 
      status: 200,
      headers: {
        'Content-Type': 'application/json',
      }
    }
  )
})

// handlers aggregation
export const getPetsMock = () => [
  getListPetsMockHandler,
  getCreatePetsMockHandler,
  getShowPetByIdMockHandler
]

Related PRs

#822

Todos

• Tests
• Documentation
• Changelog Entry (unreleased)

Steps to Test or Reproduce

1. use basic pet store difinition
2. execute orval
3. check generate msw mocks

[melloware]

cc @Will-Mann-16