Use .toHaveClass instead of .contains

This commit is contained in:
Narek Amirbekian
2022-03-16 16:42:17 -07:00
parent f949cda227
commit 16824dcadb

View File

@@ -231,34 +231,35 @@ test("Shows server details with button click", async () => {
let collapse = screen.getByTestId("foo-collapse"); let collapse = screen.getByTestId("foo-collapse");
let collapseBar = screen.getByTestId("bar-collapse"); let collapseBar = screen.getByTestId("bar-collapse");
expect(collapse.className).toContain("collapse"); // expect().toBeVisible does not work here with collapse.
expect(collapse.className).not.toContain("show"); expect(collapse).toHaveClass("collapse");
expect(collapseBar.className).not.toContain("show"); expect(collapse).not.toHaveClass("show");
expect(collapseBar).not.toHaveClass("show");
await act(async () => { await act(async () => {
fireEvent.click(button); fireEvent.click(button);
}); });
clock.tick(400); clock.tick(400);
expect(collapse.className).toContain("collapse show"); expect(collapse).toHaveClass("collapse show");
expect(collapseBar.className).not.toContain("show"); expect(collapseBar).not.toHaveClass("show");
await act(async () => { await act(async () => {
fireEvent.click(button); fireEvent.click(button);
}); });
clock.tick(400); clock.tick(400);
expect(collapse.className).toContain("collapse"); expect(collapse).toHaveClass("collapse");
expect(collapse.className).not.toContain("show"); expect(collapse).not.toHaveClass("show");
expect(collapseBar.className).not.toContain("show"); expect(collapseBar).not.toHaveClass("show");
await act(async () => { await act(async () => {
fireEvent.click(button); fireEvent.click(button);
}); });
clock.tick(400); clock.tick(400);
expect(collapse.className).toContain("collapse show"); expect(collapse).toHaveClass("collapse show");
expect(collapseBar.className).not.toContain("show"); expect(collapseBar).not.toHaveClass("show");
}); });
test("Renders nothing if required data is not available", async () => { test("Renders nothing if required data is not available", async () => {