mirror of
https://github.com/jupyterhub/jupyterhub.git
synced 2025-10-08 10:34:10 +00:00
Use .toHaveClass instead of .contains
This commit is contained in:
@@ -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 () => {
|
||||||
|
Reference in New Issue
Block a user