Function setupBrowserE2E

packages/vue/__tests__/e2e/e2eBrowserUtils.ts:186–442

()

installTransitionStyle()

export function setupBrowserE2E(): BrowserUtils {
  const pageErrorHandlers = new Map<
    (...args: any[]) => void,
    PageErrorHandler
  >()
  const initialHeadNodes = new Set<Node>(Array.from(document.head.childNodes))

  function resetPageErrorHandlers() {
    pageErrorHandlers.forEach(({ error, rejection }) => {
      window.removeEventListener('error', error)
      window.removeEventListener('unhandledrejection', rejection)
    })
    pageErrorHandlers.clear()
  }

  function resetHead() {
    Array.from(document.head.childNodes).forEach(node => {
      if (
        !initialHeadNodes.has(node) &&
        !(
          node instanceof HTMLStyleElement &&
          node.dataset.vueTransitionE2e != null
        )
      ) {
        node.remove()
      }
    })
  }

  async function resetPage() {
    // Browser mode runs in Vitest's iframe instead of loading transition.html.
    // Keep these specs on the same global build that `test-e2e` prepares.
    resetPageErrorHandlers()
    await vueGlobalBuildReady
    resetHead()
    localStorage.clear()
    sessionStorage.clear()
    document.body.innerHTML = '<div id="app"></div>'
  }

  function getElement<T extends Element = Element>(selector: string): T {
    const el = document.querySelector<T>(selector)
    if (!el) {
      throw new Error(`Unable to find element: ${selector}`)
    }
    return el
  }

  function createElementHandle<T extends Element>(node: T): ElementHandle<T> {
    return {
      async evaluate<R>(fn: (node: T) => R | Promise<R>) {
        return (await fn(node)) as Awaited<R>
      },
    }
  }

  function toExposedArg(arg: unknown) {
    return arg instanceof Element ? createElementHandle(arg) : arg