@blackglory/wait-for/src/wait-for-elements-matching-selector-attached.ts

A module for waiting for things to happen.

import { observeAdditionsOfDescendantNodes } from '@blackglory/observe'
import { toArray } from 'iterable-operator'

export function waitForElementsMatchingSelectorAttached(
  selector: string
): Promise<Element[]> {
  return new Promise(resolve => {
    const elements = document.querySelectorAll(selector)
    if (elements.length) return resolve(toArray(elements))

    const observer = observeAdditionsOfDescendantNodes(document).subscribe(() => {
      const elements = document.querySelectorAll(selector)
      if (elements.length) {
        observer.unsubscribe()
        resolve(toArray(elements))
      }
    })
  })
}