@netdata/charts
Version:
Netdata frontend SDK and chart utilities
70 lines (69 loc) • 2.87 kB
JavaScript
;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
require("@testing-library/jest-dom");
var _testUtilities = require("@jest/testUtilities");
var _chartContainer = _interopRequireDefault(require("./chartContainer"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
describe("ChartContainer", function () {
it("renders container with data-testid", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default"
}));
expect(_react2.screen.getByTestId("chartContent")).toBeInTheDocument();
});
it("passes additional props to Flex container", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default",
className: "custom-class",
"data-custom": "value"
}));
var container = _react2.screen.getByTestId("chartContent");
expect(container).toHaveClass("custom-class");
expect(container).toHaveAttribute("data-custom", "value");
});
it("sets correct default styles", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default"
}));
var container = _react2.screen.getByTestId("chartContent");
expect(container).toHaveStyle({
overflow: "hidden"
});
expect(container).toHaveAttribute("height", "100%");
expect(container).toHaveAttribute("width", "100%");
});
it("renders with custom dimensions", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default",
width: "200px",
height: "300px"
}));
var container = _react2.screen.getByTestId("chartContent");
expect(container).toHaveAttribute("width", "200px");
expect(container).toHaveAttribute("height", "300px");
});
it("renders chart canvas when mounted", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default"
}));
var container = _react2.screen.getByTestId("chartContent");
var canvas = container.querySelector("canvas");
expect(canvas).toBeInTheDocument();
});
it("applies flex properties", function () {
(0, _testUtilities.renderWithChart)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_chartContainer["default"], {
uiName: "default",
alignItems: "center",
justifyContent: "center",
column: true
}));
var container = _react2.screen.getByTestId("chartContent");
expect(container).toHaveStyle({
alignItems: "center",
justifyContent: "center",
flexDirection: "column"
});
});
});