CEC-2389 Add unit tests for SMS Context and SMS form (#247)

This commit is contained in:
arpanetus
2022-12-14 22:34:11 +06:00
committed by GitHub
parent 2ec340efc5
commit 7d27a0193f
9 changed files with 373 additions and 4 deletions

View File

@@ -0,0 +1,19 @@
import React from "react";
import {render, waitFor} from "@testing-library/react";
import SendForm from "./SendForm";
import addSnapshotSerializer from "../../../utils/snapshot";
describe("Send Form Component", () => {
beforeAll(() => {
addSnapshotSerializer(expect);
});
it("Render", async () => {
const {container} = render(<SendForm onSend={()=>{}} busy={false}/>);
await waitFor(() => {
/* render */
});
expect(container).toMatchSnapshot();
});
});

View File

@@ -0,0 +1,160 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Send Form Component Render 1`] = `
<div>
<div
class="makeStyles-paper-0"
>
<form
action="{onSubmit}"
class="makeStyles-form-0"
novalidate=""
>
<div
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
data-shrink="false"
for="iccid"
id="iccid-label"
>
ICCID
<span
aria-hidden="true"
class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
*
</span>
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input"
id="iccid"
maxlength="50"
minlength="15"
name="iccid"
required=""
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-0 MuiOutlinedInput-notchedOutline"
>
<legend
class="PrivateNotchedOutline-legendLabelled-0"
>
<span>
ICCID
 *
</span>
</legend>
</fieldset>
</div>
</div>
<div
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
data-shrink="false"
for="message"
id="message-label"
>
Message
<span
aria-hidden="true"
class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
>
*
</span>
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input"
id="message"
maxlength="320"
name="message"
required=""
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="PrivateNotchedOutline-root-0 MuiOutlinedInput-notchedOutline"
>
<legend
class="PrivateNotchedOutline-legendLabelled-0"
>
<span>
Message
 *
</span>
</legend>
</fieldset>
</div>
</div>
<label
class="MuiFormControlLabel-root"
>
<span
aria-disabled="false"
class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-0 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary"
>
<span
class="MuiIconButton-label"
>
<input
class="PrivateSwitchBase-input-0"
data-indeterminate="false"
type="checkbox"
value="isAwaited"
/>
<svg
aria-hidden="true"
class="MuiSvgIcon-root"
focusable="false"
viewBox="0 0 24 24"
>
<path
d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
/>
</svg>
</span>
<span
class="MuiTouchRipple-root"
/>
</span>
<span
class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
>
Await delivery
</span>
</label>
<button
class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0 MuiButton-containedPrimary MuiButton-fullWidth"
tabindex="0"
type="submit"
>
<span
class="MuiButton-label"
>
Send
</span>
<span
class="MuiTouchRipple-root"
/>
</button>
</form>
</div>
</div>
`;

View File

@@ -0,0 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SMS Send Component Render 1`] = `undefined`;

View File

@@ -0,0 +1,44 @@
import {TEST_AUTH_OBJECT_FISKER, TEST_TOKEN_FISKER} from "../../../utils/testing";
jest.mock("../../Contexts/SMSContext");
jest.mock("../../Contexts/UserContext");
import SMSSend from "./index";
import {BrowserRouter} from "react-router-dom";
import {UserProvider, setToken} from "../../Contexts/UserContext";
import {StatusProvider} from "../../Contexts/StatusContext";
import addSnapshotSerializer from "../../../utils/snapshot";
import {render, waitFor} from "@testing-library/react";
const renderSendSMS = async () => {
const {container} = render(
<StatusProvider>
<BrowserRouter>
<UserProvider>
<SMSSend/>
</UserProvider>
</BrowserRouter>
</StatusProvider>
);
await waitFor(() => {
/* render */
});
return container;
}
describe("SMS Send Component", () => {
beforeAll(() => {
setToken(TEST_AUTH_OBJECT_FISKER);
addSnapshotSerializer(expect);
});
it("Render", async () => {
// setToken(TEST_AUTH_OBJECT_FISKER);
const {container} = await renderSendSMS();
expect(container).toMatchSnapshot();
});
});