@netdata/netdata-ui
Version:
netdata UI kit
41 lines (40 loc) • 1.88 kB
JavaScript
/**
* @jest-environment jsdom
*/
import React from "react";
import { Sidebar } from "./sidebar";
import { renderWithProviders } from "testUtilities";
var TEST_ANCHOR = "some text";
var TEST_INFO_ANCHOR = "some info text";
describe("Sidebar component test", function () {
it(" * should render with no props", function () {
var _renderWithProviders = renderWithProviders(/*#__PURE__*/React.createElement(Sidebar, null)),
container = _renderWithProviders.container;
var result = container.querySelector("aside");
expect(result && result.textContent).not.toBeNull();
});
it(" * should render on the right side", function () {
var _renderWithProviders2 = renderWithProviders(/*#__PURE__*/React.createElement(Sidebar, {
right: true
}, TEST_ANCHOR)),
queryByText = _renderWithProviders2.queryByText;
var result = queryByText(TEST_ANCHOR);
expect(result && result.parentElement).toHaveStyleRule("flex-direction", "row-reverse");
});
it(" * should render with children", function () {
var _renderWithProviders3 = renderWithProviders(/*#__PURE__*/React.createElement(Sidebar, null, TEST_ANCHOR)),
queryByText = _renderWithProviders3.queryByText;
var result = queryByText(TEST_ANCHOR);
expect(result && result.textContent).not.toBeNull();
});
it(" * should render with children and with content on sibling side", function () {
var _renderWithProviders4 = renderWithProviders(/*#__PURE__*/React.createElement(Sidebar, {
info: TEST_INFO_ANCHOR
}, TEST_ANCHOR)),
queryByText = _renderWithProviders4.queryByText;
var sidebarElement = queryByText(TEST_ANCHOR);
var staticComponent = queryByText(TEST_INFO_ANCHOR);
expect(sidebarElement && sidebarElement.textContent).toBe(TEST_ANCHOR);
expect(staticComponent && staticComponent.textContent).toBe(TEST_INFO_ANCHOR);
});
});