@netdata/netdata-ui/dist/mixins/round.test.js

netdata UI kit

"use strict";

var _default = require("../theme/default");
var _round = _interopRequireDefault(require("./round"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
it("renders", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme
  })).toBe("");
});
it("renders default round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: true
  })).toBe("border-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT + "px;");
});
it("renders fixed round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: 2
  })).toBe("border-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 2 + "px;");
});
it("renders string", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: "10rem"
  })).toBe("border-radius: 10rem;");
});
it("renders top round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: {
      side: "top",
      size: 3
    }
  })).toBe("\n    border-top-left-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n    border-top-right-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n  ");
});
it("renders left round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: {
      side: "left",
      size: 3
    }
  })).toBe("\n    border-top-left-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n    border-bottom-left-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n  ");
});
it("renders bottom round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: {
      side: "bottom",
      size: 3
    }
  })).toBe("\n    border-bottom-left-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n    border-bottom-right-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n  ");
});
it("renders right round", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: {
      side: "right",
      size: 3
    }
  })).toBe("\n    border-top-right-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n    border-bottom-right-radius: " + _default.DefaultTheme.constants.SIZE_SUB_UNIT * 3 + "px;\n  ");
});
it("renders invalid", function () {
  expect((0, _round["default"])({
    theme: _default.DefaultTheme,
    round: null
  })).toBe("");
});