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

netdata UI kit

"use strict";

var _react = _interopRequireDefault(require("react"));
var _testUtilities = require("testUtilities");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _default = require("../../../theme/default");
var _border = _interopRequireDefault(require("./border"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var borderColor = _default.DefaultTheme.colors.border;
it("renders", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme
  })).toBe("");
});
it("renders default", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: true
  }).trim()).toBe("border: 1px solid " + borderColor + ";");
});
it("renders border horizontally", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: "horizontal"
  })).toBe("\n    border-top: 1px solid " + borderColor + ";\n    border-bottom: 1px solid " + borderColor + ";\n  ");
});
it("renders border vertically", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: "vertical"
  })).toBe("\n    border-left: 1px solid " + borderColor + ";\n    border-right: 1px solid " + borderColor + ";\n  ");
});
it("renders custom border on one side", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: {
      color: "disabled",
      side: "top",
      size: "1rem",
      type: "dashed"
    }
  }).trim()).toBe("border-top: 1rem dashed " + _default.DefaultTheme.colors.disabled + ";");
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: {
      color: "disabled",
      side: "right",
      size: "1rem",
      type: "dashed"
    }
  }).trim()).toBe("border-right: 1rem dashed " + _default.DefaultTheme.colors.disabled + ";");
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: {
      color: "disabled",
      side: "bottom",
      size: "1rem",
      type: "dashed"
    }
  }).trim()).toBe("border-bottom: 1rem dashed " + _default.DefaultTheme.colors.disabled + ";");
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: {
      color: "disabled",
      side: "left",
      size: "1rem",
      type: "dashed"
    }
  }).trim()).toBe("border-left: 1rem dashed " + _default.DefaultTheme.colors.disabled + ";");
});
it("renders custom border vertically", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: {
      color: "disabled",
      side: "vertical",
      size: "2px",
      type: "dashed"
    }
  })).toBe("\n    border-left: 2px dashed " + _default.DefaultTheme.colors.disabled + ";\n    border-right: 2px dashed " + _default.DefaultTheme.colors.disabled + ";\n  ");
});
it("renders invalid", function () {
  expect((0, _border["default"])({
    theme: _default.DefaultTheme,
    border: "invalid"
  })).toBe("\n    border: 1px solid invalid;\n  ");
});