@netdata/netdata-ui/dist/components/templates/mixins/width.test.js

netdata UI kit

"use strict";

var _default = require("../../../theme/default");
var _width = _interopRequireDefault(require("./width"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
it("renders", function () {
  expect((0, _width["default"])({
    theme: _default.DefaultTheme
  })).toBe(undefined);
});
it("renders value", function () {
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: "10rem"
  })).toBe("width: 10rem;");
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: 10
  })).toBe("width: 40px;");
});
it("renders min max", function () {
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: {
      min: "20rem",
      max: "45rem"
    }
  }).trim()).toBe("\n      min-width: 20rem;\n      max-width: 45rem;\n    ".trim());
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: {
      min: 0.5,
      max: 1
    }
  }).trim()).toBe("\n      min-width: 2px;\n      max-width: 4px;\n    ".trim());
});
it("renders max", function () {
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: {
      max: "45rem"
    }
  }).trim()).toBe("max-width: 45rem;");
});
it("renders min", function () {
  expect((0, _width["default"])({
    theme: _default.DefaultTheme,
    width: {
      min: "20rem"
    }
  }).trim()).toBe("min-width: 20rem;");
});