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

netdata UI kit

"use strict";

var _flex = _interopRequireDefault(require("./flex"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
it("renders", function () {
  expect((0, _flex["default"])({})).toBe("");
});
it("renders flex", function () {
  expect((0, _flex["default"])({
    flex: true
  })).toBe("flex: 1 1 auto;");
});
it("renders no flex", function () {
  expect((0, _flex["default"])({
    flex: false
  })).toBe("flex: 0 0 auto;");
});
it("renders flex grow", function () {
  expect((0, _flex["default"])({
    flex: "grow"
  })).toBe("flex: 1 0 auto;");
});
it("renders flex grow", function () {
  expect((0, _flex["default"])({
    flex: "shrink"
  })).toBe("flex: 0 1 auto;");
});
it("renders fixed flex", function () {
  expect((0, _flex["default"])({
    flex: 2
  })).toBe("flex: 2 0 auto;");
});
it("renders configured flex", function () {
  expect((0, _flex["default"])({
    flex: {
      grow: 3,
      shrink: 1
    }
  })).toBe("flex: 3 1 auto;");
});
it("renders basis", function () {
  expect((0, _flex["default"])({
    basis: "50%"
  })).toBe("flex-basis: 50%;");
});
it("renders flex and basis", function () {
  expect((0, _flex["default"])({
    flex: true,
    basis: "3px"
  })).toBe("flex: 1 1 3px;");
});