grommet/es6/utils/portal.js

focus on the essential experience

import css from 'css';
export var createPortal = function createPortal() {
  // make sure to remove all body children
  document.body.innerHTML = '';
  document.body.appendChild(document.createElement('div'));
};
export var expectPortal = function expectPortal(portalId) {
  return {
    toMatchSnapshot: function toMatchSnapshot() {
      var node = document.getElementById(portalId);

      if (node) {
        var styles = css.parse(document.getElementsByTagName('style')[0].innerHTML);
        styles.stylesheet.rules = styles.stylesheet.rules.filter(function (rule) {
          // skip everything that is not media or rule
          if (['media', 'rule'].indexOf(rule.type) < 0) {
            return false;
          }

          if (!rule.selectors) {
            return true;
          }

          var selector = rule.selectors.join('');
          return Array.from(node.classList).some(function (className) {
            return selector.indexOf(className) >= 0;
          });
        });
        expect(document.getElementById(portalId)).toMatchSnapshot();
        expect(css.stringify(styles)).toMatchSnapshot();
      } else {
        fail(portalId + " portal does not exist");
      }
    }
  };
};