Function verifySelectorsInvisible

build-system/tasks/visual-diff/verifiers.js:25–49

* Verifies that all CSS elements are as expected before taking a snapshot. * * @param {!puppeteer.Page} page a Puppeteer control browser tab/page. * @param {string} testName the full name of the test. * @param {!Array } selectors Array of CSS selector that must eventually * be remove

(
  page,
  testName,
  selectors,
  timeoutMillis = CSS_SELECTOR_TIMEOUT_MS
)

 * @throws {Error} an encountered error.
 */
async function verifySelectorsInvisible(
  page,
  testName,
  selectors,
  timeoutMillis = CSS_SELECTOR_TIMEOUT_MS
) {
  log(
    'verbose',
    'Waiting for invisibility of all:',
    cyan(selectors.join(', '))
  );
  try {
    await Promise.all(
      selectors.map((selector) =>
        waitForElementVisibility(page, selector, {hidden: true}, timeoutMillis)
      )
    );
  } catch (e) {
    throw new Error(
      `${cyan(testName)} | An element with the CSS ` +
        `selector ${cyan(e.message)} is still visible after ` +
        `${CSS_SELECTOR_TIMEOUT_MS} ms`
    );
  }
}

/**
 * Verifies that all CSS elements are as expected before taking a snapshot.