Function waitForElementToHaveCustomProperties

tests/utils/index.js:208–244

(
  element,
  props,
  timeout = 4500
)

 * @return {Promise}
 */
export const waitForElementToHaveCustomProperties = (
  element,
  props,
  timeout = 4500
) =>
  new Promise((resolve, reject) => {
    if (!areCustomCssPropertiesSupported()) {
      return resolve();
    }

    const loop = () => {
      const hasProps = testElementToHaveCustomProperties(element, props);

      if (hasProps) {
        clearTimeout(timeoutHandler);
        // This should succeed
        expectElementToHaveCustomProperties(element, props);
        return resolve();
      }

      // Start in about the next animation frame
      requestAnimationFrame(loop);
    };

    const timeoutHandler = setTimeout(() => {
      // This should fail the test
      expectElementToHaveCustomProperties(element, props);
      // The above should've made the test reject, but reject the promise as well regardless
      reject(
        new Error(
          "Timeout on waiting for custom props to change on the given element."
        )
      );
    }, timeout);

    loop();
  });

/**
 * @param {{}} props