Function waitForElementToHaveStyle

tests/utils/index.js:124–152

(element, style, timeout = 4500)

 * @return {Promise}
 */
export const waitForElementToHaveStyle = (element, style, timeout = 4500) =>
  new Promise((resolve, reject) => {
    const loop = () => {
      const hasStyle = testElementToHaveStyle(element, style);

      if (hasStyle) {
        clearTimeout(timeoutHandler);
        // This should succeed
        expectElementToHaveStyle(element, style);
        return resolve();
      }

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

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

    loop();
  });

/**
 * @param {{}} style