next.js/test/e2e/fetch-failures-have-good-stack-traces-in-edge-runtime/fetch-failures-have-good-stack-traces-in-edge-runtime.test.ts

import { nextTestSetup } from 'e2e-utils'
import webdriver from 'next-webdriver'
import { check } from 'next-test-utils'
import stripAnsi from 'strip-ansi'

describe('fetch failures have good stack traces in edge runtime', () => {
  const { next, isNextStart, isNextDev, skipped } = nextTestSetup({
    files: __dirname,
    // don't have access to runtime logs on deploy
    skipDeployment: true,
  })

  if (skipped) {
    return
  }

  // TODO: Failure is not specific to Turbopack, edge runtime errors don't have source maps applied.
  ;(process.env.IS_TURBOPACK_TEST && isNextStart ? it.skip : it)(
    'when awaiting `fetch` using an unknown domain, stack traces are preserved',
    async () => {
      const outputIndex = next.cliOutput.length
      const browser = await webdriver(next.url, '/api/unknown-domain')

      if (isNextStart) {
        // eslint-disable-next-line jest/no-standalone-expect
        expect(next.cliOutput.slice(outputIndex)).toMatch(
          /at.+\/pages\/api\/unknown-domain.js/
        )
      } else if (isNextDev) {
        // eslint-disable-next-line jest/no-standalone-expect
        expect(stripAnsi(next.cliOutput.slice(outputIndex))).toContain(
          '⨯ Error [TypeError]: fetch failed' +
            '\n    at anotherFetcher (src/fetcher.js:6:16)' +
            '\n    at fetcher (src/fetcher.js:2:16)' +
            '\n    at UnknownDomainEndpoint (pages/api/unknown-domain.js:6:16)' +
            '\n  4 |' +
            '\n  5 | async function anotherFetcher(...args) {' +
            '\n> 6 |   return await fetch(...args)' +
            '\n    |                ^' +
            '\n  7 | }' +
            '\n  8 |' +
            // TODO(veil): Why double error?
            '\n⨯ Error [TypeError]: fetch failed'
        )

        // Turbopack produces incorrect mappings in the sourcemap.
        // eslint-disable-next-line jest/no-standalone-expect
        await expect(browser).toDisplayRedbox(`
         {
           "code": "E394",
           "description": "fetch failed",
           "environmentLabel": null,
           "label": "Runtime TypeError",
           "source": "src/fetcher.js (6:16) @ anotherFetcher
         > 6 |   return await fetch(...args)
             |                ^",
           "stack": [
             "anotherFetcher src/fetcher.js (6:16)",
             "fetcher src/fetcher.js (2:16)",
             "UnknownDomainEndpoint pages/api/unknown-domain.js (6:16)",
           ],
         }
        `)
      }
    }
  )

  // TODO: It need to have source maps picked up by node.js
  it.skip('when returning `fetch` using an unknown domain, stack traces are preserved', async () => {
    await webdriver(next.url, '/api/unknown-domain-no-await')

    await check(
      () => stripAnsi(next.cliOutput),
      /at.+\/pages\/api\/unknown-domain-no-await.ts:4/
    )
  })
})