@netdata/charts/dist/es6/components/groupBoxes/popover/label.test.js

Netdata frontend SDK and chart utilities

import React from "react";
import { screen } from "@testing-library/react";
import "@testing-library/jest-dom";
import { renderWithProviders } from "@jest/testUtilities";
import Label from "./label";
import { jsx as _jsx } from "react/jsx-runtime";
describe("groupBoxes popover Label", function () {
  it("wraps long label keys and values instead of overflowing", function () {
    renderWithProviders(/*#__PURE__*/_jsx(Label, {
      label: "wlsx_switch_license_serial_number",
      value: ["ethernetCsmacd"]
    }));
    expect(screen.getByText("wlsx_switch_license_serial_number")).toHaveStyle("word-break: break-word");
    expect(screen.getByText("ethernetCsmacd")).toHaveStyle("word-break: break-word");
  });
  it("renders a dash for missing values", function () {
    renderWithProviders(/*#__PURE__*/_jsx(Label, {
      label: "vendor"
    }));
    expect(screen.getByText("-")).toBeInTheDocument();
  });
});