Function attachRuntimeGuards

packages/cli/tests-e2e/helpers.ts:501–599

(page: Page, appUrl: string)

}

export function attachRuntimeGuards(page: Page, appUrl: string): RuntimeGuards {
  const appOrigin = new URL(appUrl)
  const pageErrors: Array<string> = []
  const consoleErrors: Array<string> = []
  const requestFailures: Array<string> = []
  const httpErrors: Array<string> = []

  const onPageError = (error: Error) => {
    pageErrors.push(error.message)
  }

  const onConsole = (message: { type: () => string; text: () => string }) => {
    if (message.type() === 'error') {
      const text = message.text()
      if (isBlockedByClientError(text)) {
        return
      }
      consoleErrors.push(text)
    }
  }

  const onRequestFailed = (request: {
    method: () => string
    url: () => string
    failure: () => { errorText?: string } | null
  }) => {
    const url = request.url()
    if (!toSameOrigin(url, appOrigin)) {
      return
    }
    const errorText = request.failure()?.errorText || 'unknown error'

    if (errorText.includes('ERR_ABORTED') || isBlockedByClientError(errorText)) {
      return
    }

    requestFailures.push(`${request.method()} ${url} :: ${errorText}`)
  }

  const onResponse = (response: {
    url: () => string
    status: () => number
    request: () => { method: () => string }
  }) => {
    const url = response.url()
    if (!toSameOrigin(url, appOrigin)) {
      return
    }

    const status = response.status()
    if (status >= 400) {
      httpErrors.push(`${response.request().method()} ${status} ${url}`)
    }
  }

  page.on('pageerror', onPageError)
  page.on('console', onConsole)
  page.on('requestfailed', onRequestFailed)