test: add tests for NetworkButton component

This commit is contained in:
David Laganiere 2023-01-15 10:40:56 -05:00
commit 04c3f267a7
No known key found for this signature in database
GPG key ID: 18C4B80581C28747
4 changed files with 222 additions and 2 deletions

View file

@ -0,0 +1,39 @@
import { render, screen } from "@testing-library/react";
import NetworkButton from "components/HomeLoggedIn/components/NetworkButton";
import { testNetwork } from "../../data/network";
import { Router } from "react-router-dom";
import { createMemoryHistory } from "history";
describe("NetworkHeader", () => {
it("renders NetworkButton unchanged", () => {
const history = createMemoryHistory();
const { container } = render(
<Router history={history}>
<NetworkButton network={testNetwork} />
</Router>
);
expect(container).toMatchSnapshot();
});
test("renders NetworkHeader with a test network", () => {
const history = createMemoryHistory();
render(
<Router history={history}>
<NetworkButton network={testNetwork} />
</Router>
);
const networkButton = screen.getByRole("button", {
name: "0d303702cd0f1fc6 new-net-11166",
});
const networkLink = screen.getByRole("link", {
name: "0d303702cd0f1fc6 new-net-11166",
});
expect(networkButton).toBeInTheDocument();
expect(networkLink).toBeInTheDocument();
});
});

View file

@ -0,0 +1,30 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`NetworkHeader renders NetworkButton unchanged 1`] = `
<div>
<div
class="netBtn"
role="button"
>
<a
class="makeStyles-link-1"
href="/network/0d303702cd0f1fc6"
>
<ul
class="MuiList-root makeStyles-flexContainer-2 MuiList-padding"
>
<li
class="MuiListItem-root makeStyles-nwid-4 MuiListItem-gutters"
>
0d303702cd0f1fc6
</li>
<li
class="MuiListItem-root makeStyles-name-3 MuiListItem-gutters"
>
new-net-11166
</li>
</ul>
</a>
</div>
</div>
`;