Function loadExample

test/browser/playwright.extend.ts:94–142

({ page, webpackServer, waitForMswActivation }, use)

    use(await getWebpackServer())
  },
  async loadExample({ page, webpackServer, waitForMswActivation }, use) {
    const pageExceptions: Array<Error> = []
    page.on('pageerror', (error) => pageExceptions.push(error))

    const workerConsole = new WorkerConsole()
    let compilation: Compilation | undefined

    await use(async (entry, options = {}) => {
      const resolvedEntry =
        entry instanceof URL ? url.fileURLToPath(entry) : entry

      compilation = await webpackServer.compile(
        Array.prototype.concat([], resolvedEntry),
        options,
      )

      // Allow arbitrary setup code before navigating to the compilation preview.
      // This is useful to set up console watchers and other side-effects.
      options.beforeNavigation?.(compilation)

      // Forward browser runtime errors/warnings to the test runner.
      page.on('pageerror', console.error)

      const oncePageReady = [
        page.waitForLoadState('domcontentloaded', { timeout: 15_000 }),
        page.waitForEvent('load', { timeout: 30_000 }),
        page.waitForLoadState('networkidle', { timeout: 5_000 }),
      ]
      page.goto(compilation.previewUrl)
      await Promise.all(oncePageReady)

      // All examples await the MSW activation message by default.
      // Support opting-out from this behavior for tests where activation
      // is not expected (e.g. when testing activation errors).
      if (!options.skipActivation) {
        await waitForMswActivation()
      }

      await workerConsole.init(page)

      return {
        compilation,
        workerConsole,
      }
    })

    workerConsole.removeAllListeners()
    await compilation?.dispose()
  },
  async waitFor({}, use) {
    await use(waitFor)
  },