mirror of
https://github.com/dec0dOS/zero-ui.git
synced 2025-08-20 05:13:57 -07:00
test: add tests for NetworkButton component
This commit is contained in:
parent
8931a780aa
commit
04c3f267a7
4 changed files with 222 additions and 2 deletions
39
frontend/__tests__/unit/components/NetworkButton.test.jsx
Normal file
39
frontend/__tests__/unit/components/NetworkButton.test.jsx
Normal 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();
|
||||
});
|
||||
});
|
|
@ -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>
|
||||
`;
|
Loading…
Add table
Add a link
Reference in a new issue