test: Add E2E testing support

[brophdawg11]

Stacked on #11213

Adds support for E2E testing to remix/test.

*.test.e2e.tsx? files are identified as E2E test files in the test runner and receive a t.serve() method on the test context. This accepts a fetch handler, creates a server, and returns a fresh playwright page context:

describe('e2e', () => {
  it('tests my app', async (t) => {
    let router = createAppRouter();
    let page = await t.serve(router.fetch)

    await page.goto('/', { waitUntil: 'networkidle' })

    // Add an item to cart
    await page.locator('[data-test="add-to-cart"]').click()
    await page.waitForSelector('[data-test="remove-from-cart"]')

    // Navigate to cart and validate
    await page.locator('a[href="/cart"]').click()
    await page.waitForSelector('[data-test="shopping-cart"]')
    assert.equal(await page.locator('[data-test="quantity"]').innerText(), '1')
  })
})

New config options available in remix-test.config.ts:

• browser.echo - echo browser console logs back to the server
• browser.open - open the browser during testing (headless:false) and keep it open until you exit
• glob.e2e - set glob that identifies an e2e test file (defaults to **/*.test.e2e.{ts,tsx})
• playwrightConfig - a playwright config or a path to a one on disk
• project - filter tests for a single playwright project

[github-actions]

Preview Build Available

A preview build has been created for this PR. You can install it using:

pnpm install "remix-run/remix#preview/pr-11221&path:packages/remix"

This preview build will be updated automatically as you push new commits.

[brophdawg11]

Playwright configs can be inlined in remix-test.config.ts or you can just pass a string location of an existing playwright.config.ts file

[brophdawg11]

Only chromium supports coverage instrumentation

[brophdawg11]

@mjackson We had to unset this option to get the playwright types to resolve properly. Do you recall why this was needed?