grommet/utils/portal.js

focus on the essential experience

"use strict";

exports.__esModule = true;
exports.expectPortal = exports.createPortal = void 0;

var _css = _interopRequireDefault(require("css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var createPortal = function createPortal() {
  // make sure to remove all body children
  document.body.innerHTML = '';
  document.body.appendChild(document.createElement('div'));
};

exports.createPortal = createPortal;

var expectPortal = function expectPortal(portalId) {
  return {
    toMatchSnapshot: function toMatchSnapshot() {
      var node = document.getElementById(portalId);

      if (node) {
        var styles = _css.default.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.default.stringify(styles)).toMatchSnapshot();
      } else {
        fail(portalId + " portal does not exist");
      }
    }
  };
};

exports.expectPortal = expectPortal;