github/zero-ui
1
0
Fork 0
mirror of https://github.com/dec0dOS/zero-ui.git synced 2025-07-06 13:01:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

test(HomeLoggedIn): add snapshot tests

Browse source
This commit is contained in:
David Laganiere 2023-02-26 16:45:03 -05:00
parent ff96b43758
commit e8413fecf0
No known key found for this signature in database
GPG key ID: 18C4B80581C28747
2 changed files with 191 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
frontend/__tests__/unit/components/HomeLoggedIn.test.jsx Normal file
View file

@ -0,0 +1,46 @@
import { render, screen } from "@testing-library/react";
import HomeLoggedIn from "components/HomeLoggedIn";
import { Router } from "react-router-dom";
import { createMemoryHistory } from "history";
import { testNetwork } from "../../data/network";
import API from "utils/API";
import MockAdapter from "axios-mock-adapter";
describe("HomeLoggedIn", () => {
it("renders HomeLoggedIn unchanged (no network)", async () => {
const mock = new MockAdapter(API);
const history = createMemoryHistory();
mock.onGet("network").reply(200, []);
const { container } = render(
<Router history={history}>
<HomeLoggedIn />
</Router>
);
expect(
await screen.findByText(/Please create at least one network/i)
).toBeInTheDocument();
expect(container).toMatchSnapshot();
});
it("renders HomeLoggedIn unchanged (with network)", async () => {
const mock = new MockAdapter(API);
const history = createMemoryHistory();
mock.onGet("network").reply(200, [testNetwork]);
const { container } = render(
<Router history={history}>
<HomeLoggedIn />
</Router>
);
expect(await screen.findByText(/0d303702cd0f1fc6/)).toBeInTheDocument();
expect(await screen.findByText(/new-net-11166/)).toBeInTheDocument();
expect(container).toMatchSnapshot();
});
});

145
frontend/__tests__/unit/components/__snapshots__/HomeLoggedIn.test.jsx.snap Normal file
View file

@ -0,0 +1,145 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`HomeLoggedIn renders HomeLoggedIn unchanged (no network) 1`] = `
<div>
<div
class="makeStyles-root-1"
>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-createBtn-2 MuiButton-containedPrimary"
tabindex="0"
type="button"
>
<span
class="MuiButton-label"
>
Create A Network
</span>
<span
class="MuiTouchRipple-root"
/>
</button>
<hr
class="MuiDivider-root"
/>
<div
class="MuiGrid-root makeStyles-container-3 MuiGrid-container MuiGrid-spacing-xs-3"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
>
<h5
class="MuiTypography-root MuiTypography-h5"
>
Controller networks
</h5>
<div
class="MuiBox-root MuiBox-root-4"
/>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto"
>
<p
class="MuiTypography-root MuiTypography-body1"
>
Networks
</p>
<div
class="MuiGrid-root MuiGrid-item"
>
<div>
Please create at least one network
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`HomeLoggedIn renders HomeLoggedIn unchanged (with network) 1`] = `
<div>
<div
class="makeStyles-root-5"
>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-createBtn-6 MuiButton-containedPrimary"
tabindex="0"
type="button"
>
<span
class="MuiButton-label"
>
Create A Network
</span>
<span
class="MuiTouchRipple-root"
/>
</button>
<hr
class="MuiDivider-root"
/>
<div
class="MuiGrid-root makeStyles-container-7 MuiGrid-container MuiGrid-spacing-xs-3"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
>
<h5
class="MuiTypography-root MuiTypography-h5"
>
Controller networks
</h5>
Network controller address
<div
class="MuiBox-root MuiBox-root-8"
>
0d303702cd
</div>
</div>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-auto"
>
<p
class="MuiTypography-root MuiTypography-body1"
>
Networks
</p>
<div
class="MuiGrid-root MuiGrid-item"
>
<div
class="MuiGrid-root MuiGrid-item"
>
<div
class="netBtn"
role="button"
>
<a
class="makeStyles-link-9"
href="/network/0d303702cd0f1fc6"
>
<ul
class="MuiList-root makeStyles-flexContainer-10 MuiList-padding"
>
<li
class="MuiListItem-root makeStyles-nwid-12 MuiListItem-gutters"
>
0d303702cd0f1fc6
</li>
<li
class="MuiListItem-root makeStyles-name-11 MuiListItem-gutters"
>
new-net-11166
</li>
</ul>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;