contacts.test.ts

import { expect, test } from '@playwright/test'
import { login } from './auth'

test('can view contacts', async ({ page }) => {
  await login({ page })
  // remix is running on port 3000
  await fetch('http://localhost:3000/app/playwright', {
    method: 'POST',
    headers: { 'content-type': 'application/json' },
    body: JSON.stringify({
      // the api I'm pulling data from is running on port 6000. This is what I need to mock
      url: 'http://localhost:6000/people',
      method: 'post',
      once: true,
      response: {
        data: [
          {
            id: 'abc',
            firstname: 'Sally',
            lastname: 'Rogers',
            email: '[email protected]',
          },
        ],
      },
    }),
  })
  await page.goto('/app/contacts')
  const name = page.getByText('Sally Rogers')
  await expect(name).toHaveText('Sally Rogers')
})