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

A module for waiting for things to happen.

import { observeRemovalOfDescendantNodes } from '@blackglory/observe'
import { firstValueFrom } from 'rxjs'
import { filter } from 'rxjs/operators'

export async function waitForAllElementsMatchingSelectorDetached(
  selector: string
): Promise<void> {
  if (countElements(selector) === 0) return

  await firstValueFrom(
    observeRemovalOfDescendantNodes(document).pipe(
      filter(() => countElements(selector) === 0)
    )
  )
}

function countElements(selector: string): number {
  return document.querySelectorAll(selector).length
}