@netdata/netdata-ui/dist/organisms/navigation/tab/use-styles-tab.test.js

netdata UI kit

"use strict";

var _useStylesTab = _interopRequireDefault(require("./use-styles-tab"));
var _testUtilities = require("testUtilities");
var _index = require("../../../theme/index");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe("useStyleTabs", function () {
  it("should return the correct styles when tab is not active", function () {
    var _renderHookWithProvid = (0, _testUtilities.renderHookWithProviders)(function () {
        return (0, _useStylesTab["default"])({
          active: false
        });
      }),
      result = _renderHookWithProvid.result;
    expect(result.current.rootStyles.background).toBe("topBarBg");
    expect(result.current.rootStyles.sx.borderTop).toBe("2px solid transparent");
  });
  it("should return the correct styles when tab active", function () {
    var expectedBorderTopColor = _index.DefaultTheme.colors.primary;
    var _renderHookWithProvid2 = (0, _testUtilities.renderHookWithProviders)(function () {
        return (0, _useStylesTab["default"])({
          active: true
        });
      }),
      result = _renderHookWithProvid2.result;
    expect(result.current.rootStyles.background).toBe("mainBackground");
    expect(result.current.rootStyles.sx.borderTop).toBe("2px solid " + expectedBorderTopColor);
  });
  it("should return borderLeft when {showBorderLeft} is true", function () {
    var expectedBorderTopColor = _index.DefaultTheme.colors.border;
    var _renderHookWithProvid3 = (0, _testUtilities.renderHookWithProviders)(function () {
        return (0, _useStylesTab["default"])({
          showBorderLeft: true
        });
      }),
      result = _renderHookWithProvid3.result;
    expect(result.current.rootStyles.sx.borderLeft).toBe("1px solid " + expectedBorderTopColor);
  });
});