fleet/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx
2023-08-28 13:09:21 -04:00

28 lines
726 B
TypeScript

import React from "react";
import { screen } from "@testing-library/react";
import { createCustomRenderer } from "test/test-utils";
import IssueCell from "./IssueCell";
describe("Issue cell", () => {
it("renders icon, total issues, and failing policies tooltip", async () => {
const render = createCustomRenderer({});
const { user } = render(
<IssueCell
issues={{
total_issues_count: 4,
failing_policies_count: 2,
}}
rowId={1}
/>
);
const icon = screen.queryByTestId("issue-icon");
await user.hover(screen.getByText("4"));
expect(screen.getByText(/failing policies/i)).toBeInTheDocument();
expect(icon).toBeInTheDocument();
});
});