Function getPooledResults

test/nuxt/a11y.spec.ts:4531–4560

(colorMode: string, bgTheme: string)

  const pooledResults = new Map<string, Promise<AxeResults>>()

  function getPooledResults(colorMode: string, bgTheme: string) {
    const key = `${colorMode}:${bgTheme}`
    const cached = pooledResults.get(key)
    if (cached) return cached

    const promise = (async () => {
      const wrappers = await Promise.all(components.map(({ mount }) => mount()))
      const poolContainer = document.createElement('div')
      poolContainer.id = `a11y-theme-pool-${colorMode}-${bgTheme}`
      document.body.appendChild(poolContainer)
      mountedContainers.push(poolContainer)

      try {
        for (const wrapper of wrappers) {
          const el = wrapper.element.cloneNode(true) as HTMLElement
          poolContainer.appendChild(el)
        }

        await nextTick()
        return await axe.run(poolContainer, axeRunOptions)
      } finally {
        for (const wrapper of wrappers) {
          wrapper.unmount()
        }
      }
    })()

    pooledResults.set(key, promise)
    return promise
  }

  for (const { name, mount } of components) {
    describe(`${name} colors`, () => {