@netdata/netdata-ui/dist/components/pill/alertMastercard.test.js

netdata UI kit

"use strict";

var _react = _interopRequireDefault(require("react"));
var _testUtilities = require("testUtilities");
var _alertMastercard = _interopRequireDefault(require("./alertMastercard"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe("MasterCardPill component", function () {
  test("should render default component", function () {
    (0, _testUtilities.renderWithProviders)(/*#__PURE__*/_react["default"].createElement(_alertMastercard["default"], null));
    expect(_testUtilities.screen.queryByTestId("alert-mastercard")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-icon-pill")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-left-pill")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-right-pill")).toBeInTheDocument();
  });
  test("should render component with custom test id", function () {
    (0, _testUtilities.renderWithProviders)(/*#__PURE__*/_react["default"].createElement(_alertMastercard["default"], {
      "data-testid": "custom-alert-mastercard"
    }));
    expect(_testUtilities.screen.queryByTestId("alert-mastercard")).not.toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-icon-pill")).not.toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-left-pill")).not.toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("alert-mastercard-right-pill")).not.toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("custom-alert-mastercard")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("custom-alert-mastercard-icon-pill")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("custom-alert-mastercard-left-pill")).toBeInTheDocument();
    expect(_testUtilities.screen.queryByTestId("custom-alert-mastercard-right-pill")).toBeInTheDocument();
  });
});