Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 114

chore(test): rewritten icon components test using rtl (#4764)

Browse source
This commit is contained in:
Tharun Rajendran 2022-04-12 20:57:12 +05:30 committed by GitHub
parent ae85d9d069
commit a9747128d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/components/icons/FleetIcon/FleetIcon.tests.jsx
View file

@ -1,10 +1,13 @@
import React from "react";
import { mount } from "enzyme";
import { render } from "@testing-library/react";
import FleetIcon from "./FleetIcon";
describe("FleetIcon - component", () => {
it("renders", () => {
expect(mount(<FleetIcon name="success-check" />)).toBeTruthy();
const { container } = render(<FleetIcon name="success-check" />);
expect(
container.querySelector(".fleeticon-success-check")
).toBeInTheDocument();
});
});

14
frontend/components/icons/OrgLogoIcon/OrgLogoIcon.tests.jsx
View file

@ -1,19 +1,23 @@
import React from "react";
import { mount } from "enzyme";
import { render, screen } from "@testing-library/react";
import fleetAvatar from "../../../../assets/images/fleet-avatar-24x24@2x.png";
import OrgLogoIcon from "./OrgLogoIcon";
describe("OrgLogoIcon - component", () => {
it("renders the Fleet Logo by default", () => {
const component = mount(<OrgLogoIcon />);
render(<OrgLogoIcon />);
expect(component.state("imageSrc")).toEqual(fleetAvatar);
// expect(component.state("imageSrc")).toEqual(fleetAvatar);
expect(screen.getByRole("img")).toHaveAttribute("src", fleetAvatar);
});
it("renders the image source when it is valid", () => {
const component = mount(<OrgLogoIcon src="/assets/images/avatar.svg" />);
render(<OrgLogoIcon src="/assets/images/avatar.svg" />);
expect(component.state("imageSrc")).toEqual("/assets/images/avatar.svg");
expect(screen.getByRole("img")).toHaveAttribute(
"src",
"/assets/images/avatar.svg"
);
});
});

12
frontend/components/icons/PlatformIcon/PlatformIcon.tests.jsx
View file

@ -1,16 +1,18 @@
import React from "react";
import { mount } from "enzyme";
import { render } from "@testing-library/react";
import PlatformIcon from "./PlatformIcon";
describe("PlatformIcon - component", () => {
it("renders", () => {
expect(mount(<PlatformIcon name="linux" />).length).toEqual(1);
const { container } = render(<PlatformIcon name="linux" />);
expect(container.querySelector(".platform-icon")).toBeInTheDocument();
});
it("renders text if no icon", () => {
const component = mount(<PlatformIcon name="All" />);
expect(component.find(".fleeticon-single-host").length).toEqual(1);
const { container } = render(<PlatformIcon name="All" />);
expect(
container.querySelector(".fleeticon-single-host")
).toBeInTheDocument();
});
});