pretty-lights/jest/matchers.js

CSS-in-JS with a reliable API

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.matchers = void 0;

var _chalk = _interopRequireDefault(require("chalk"));

var css = _interopRequireWildcard(require("css"));

var _utils = require("./utils");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

/*
 * Taken from
 * https://github.com/facebook/jest/blob/be4bec387d90ac8d6a7596be88bf8e4994bc3ed9/packages/expect/src/jasmine_utils.js#L234
 */
function isA(typeName, value) {
  return Object.prototype.toString.apply(value) === "[object ".concat(typeName, "]");
}
/*
 * Taken from
 * https://github.com/facebook/jest/blob/be4bec387d90ac8d6a7596be88bf8e4994bc3ed9/packages/expect/src/jasmine_utils.js#L36
 */


function isAsymmetric(obj) {
  return obj && isA('Function', obj.asymmetricMatch);
}

function valueMatches(declaration, value) {
  if (value instanceof RegExp) {
    return value.test(declaration.value);
  }

  if (isAsymmetric(value)) {
    return value.asymmetricMatch(declaration.value);
  }

  return value === declaration.value;
}

function toHaveStyleRule(received, property, value) {
  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
  var target = options.target,
      media = options.media;
  var classNames = (0, _utils.getClassNamesFromNodes)([received]);
  var cssString = (0, _utils.getStylesFromClassNames)(classNames, (0, _utils.getStyleElements)());
  var styles = css.parse(cssString);
  var preparedRules = styles.stylesheet.rules;

  if (media) {
    preparedRules = (0, _utils.getMediaRules)(preparedRules, media);
  }

  var declaration = preparedRules.filter(function (rule) {
    return rule.type === _utils.RULE_TYPES.rule && (0, _utils.hasClassNames)(classNames, rule.selectors, target);
  }).reduce(function (decs, rule) {
    return decs.concat(rule.declarations);
  }, []).filter(function (dec) {
    return dec.type === 'declaration' && dec.property === property;
  }).pop();

  if (!declaration) {
    return {
      pass: false,
      message: function message() {
        return "Property not found: ".concat(property);
      }
    };
  }

  var pass = valueMatches(declaration, value);

  var message = function message() {
    return "Expected ".concat(property).concat(pass ? ' not ' : ' ', "to match:\n") + "  ".concat(_chalk["default"].green(value), "\n") + 'Received:\n' + "  ".concat(_chalk["default"].red(declaration.value));
  };

  return {
    pass: pass,
    message: message
  };
} // eslint-disable-next-line import/prefer-default-export


var matchers = {
  toHaveStyleRule: toHaveStyleRule
};
exports.matchers = matchers;