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

netdata UI kit

"use strict";

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