mirror of
https://github.com/fleetdm/fleet
synced 2026-05-12 03:28:48 +00:00
3681b8f7ac
relates to #24828, #24792 This updates the UI activities software including a new software details show details modal: <img width="825" alt="image" src="https://github.com/user-attachments/assets/3dd3019b-c94c-427b-9c52-d678a311c4bc" /> It also includes tests and api integration work for the creating and reading of scoped software via labels. > NOTE: still need to do the editing which we can do in another PR when the API is ready. - [x] Added/updated tests - [x] Manual QA for all new/changed functionality
85 lines
2.8 KiB
TypeScript
85 lines
2.8 KiB
TypeScript
import React from "react";
|
|
import { render, screen } from "@testing-library/react";
|
|
import { noop } from "lodash";
|
|
|
|
import TargetLabelSelector from "./TargetLabelSelector";
|
|
|
|
describe("TargetLabelSelector component", () => {
|
|
it("renders the custom target selector when the target type is 'Custom'", () => {
|
|
render(
|
|
<TargetLabelSelector
|
|
selectedTargetType="Custom"
|
|
selectedCustomTarget="labelIncludeAny"
|
|
customTargetOptions={[
|
|
{ value: "labelIncludeAny", label: "Include any" },
|
|
]}
|
|
selectedLabels={{}}
|
|
labels={[
|
|
{ id: 1, name: "label 1", label_type: "regular" },
|
|
{ id: 2, name: "label 2", label_type: "regular" },
|
|
]}
|
|
onSelectCustomTarget={noop}
|
|
onSelectLabel={noop}
|
|
onSelectTargetType={noop}
|
|
/>
|
|
);
|
|
|
|
// custom target selector is rendering
|
|
expect(screen.getByRole("option", { name: "Include any" })).toBeVisible();
|
|
|
|
// lables are rendering
|
|
expect(screen.getByRole("checkbox", { name: "label 1" })).toBeVisible();
|
|
expect(screen.getByRole("checkbox", { name: "label 2" })).toBeVisible();
|
|
});
|
|
|
|
it("does not render the custom target selector when the target type is 'All hosts'", () => {
|
|
render(
|
|
<TargetLabelSelector
|
|
selectedTargetType="All hosts"
|
|
selectedCustomTarget="labelIncludeAny"
|
|
customTargetOptions={[
|
|
{ value: "labelIncludeAny", label: "Include any" },
|
|
]}
|
|
selectedLabels={{}}
|
|
labels={[
|
|
{ id: 1, name: "label 1", label_type: "regular" },
|
|
{ id: 2, name: "label 2", label_type: "regular" },
|
|
]}
|
|
onSelectCustomTarget={noop}
|
|
onSelectLabel={noop}
|
|
onSelectTargetType={noop}
|
|
/>
|
|
);
|
|
|
|
// custom target selector is not rendering
|
|
expect(screen.queryByRole("option", { name: "Include any" })).toBeNull();
|
|
|
|
// lables are not rendering
|
|
expect(screen.queryByRole("checkbox", { name: "label 1" })).toBeNull();
|
|
expect(screen.queryByRole("checkbox", { name: "label 2" })).toBeNull();
|
|
});
|
|
|
|
it("renders selected labels as checked", () => {
|
|
render(
|
|
<TargetLabelSelector
|
|
selectedTargetType="Custom"
|
|
selectedCustomTarget="labelIncludeAny"
|
|
customTargetOptions={[
|
|
{ value: "labelIncludeAny", label: "Include any" },
|
|
]}
|
|
selectedLabels={{ "label 1": true, "label 2": false }}
|
|
labels={[
|
|
{ id: 1, name: "label 1", label_type: "regular" },
|
|
{ id: 2, name: "label 2", label_type: "regular" },
|
|
]}
|
|
onSelectCustomTarget={noop}
|
|
onSelectLabel={noop}
|
|
onSelectTargetType={noop}
|
|
/>
|
|
);
|
|
|
|
// lables are rendering
|
|
expect(screen.getByRole("checkbox", { name: "label 1" })).toBeChecked();
|
|
expect(screen.getByRole("checkbox", { name: "label 2" })).not.toBeChecked();
|
|
});
|
|
});
|