CEC-2389 Add unit tests for SMS Context and SMS form (#247)
This commit is contained in:
arpanetus
@@ -19,6 +19,10 @@ export class SMS {
|
||||
* @param {SMS} data
|
||||
*/
|
||||
const validateSend = (data) => {
|
||||
if (data == null) {
|
||||
throw new Error("No SMS data provided");
|
||||
}
|
||||
|
||||
if (!data.messageText) throw new Error("message is required");
|
||||
if (!data.ICCID) throw new Error("ICCID is required");
|
||||
};
|
||||
|
||||
92
src/components/Contexts/SMSContext.test.jsx
Normal file
92
src/components/Contexts/SMSContext.test.jsx
Normal file
@@ -0,0 +1,92 @@
|
||||
jest.mock("../../services/smsAPI");
|
||||
|
||||
import {
|
||||
render,
|
||||
cleanup,
|
||||
screen,
|
||||
fireEvent,
|
||||
waitFor,
|
||||
} from "@testing-library/react";
|
||||
import { SMSProvider, useSMSContext } from "./SMSContext";
|
||||
import { StatusProvider, useStatusContext } from "./StatusContext";
|
||||
|
||||
const checkBaseResults = (error, busy) => {
|
||||
expect(screen.getByTestId("error").innerHTML).toEqual(error);
|
||||
expect(screen.getByTestId("busy").innerHTML).toEqual(busy);
|
||||
}
|
||||
|
||||
describe("SMSContext", () => {
|
||||
describe("sendSMS", () => {
|
||||
beforeEach(async () => {
|
||||
const TestComp = () => {
|
||||
const {busy, sendSMS} = useSMSContext();
|
||||
const {message, setMessage} = useStatusContext();
|
||||
const send = async (data) => {
|
||||
try {
|
||||
await
|
||||
sendSMS(data);
|
||||
} catch (e) {
|
||||
setMessage(e.message);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<div data-testid="error">{message}</div>
|
||||
<div data-testid="busy">{busy.toString()}</div>
|
||||
<button
|
||||
data-testid="sendSMSNull"
|
||||
onClick={() => send(null)}
|
||||
/>
|
||||
<button
|
||||
data-testid="sendSMSNoICCID"
|
||||
onClick={() => send({messageText: "test"})}
|
||||
/>
|
||||
<button
|
||||
data-testid="sendSMSNoMessage"
|
||||
onClick={() => send({ICCID: "test"})}
|
||||
/>
|
||||
<button
|
||||
data-testid="sendSMS"
|
||||
onClick={() => send({messageText: "test", ICCID: "test"})}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
render(
|
||||
<StatusProvider>
|
||||
<SMSProvider>
|
||||
<TestComp/>
|
||||
</SMSProvider>
|
||||
</StatusProvider>
|
||||
);
|
||||
});
|
||||
|
||||
afterEach(cleanup);
|
||||
|
||||
it("initial state", () => {
|
||||
checkBaseResults("", "false");
|
||||
});
|
||||
|
||||
it("should return an error if no data is passed", async () => {
|
||||
fireEvent.click(screen.getByTestId("sendSMSNull"));
|
||||
await waitFor(() => checkBaseResults("No SMS data provided", "false"));
|
||||
});
|
||||
|
||||
it("should return an error if no ICCID is passed", async () => {
|
||||
fireEvent.click(screen.getByTestId("sendSMSNoICCID"));
|
||||
await waitFor(() => checkBaseResults("ICCID is required", "false"));
|
||||
});
|
||||
|
||||
it("should return an error if no message is passed", async () => {
|
||||
fireEvent.click(screen.getByTestId("sendSMSNoMessage"));
|
||||
await waitFor(() => checkBaseResults("message is required", "false"));
|
||||
});
|
||||
|
||||
it("should work as expected", async () => {
|
||||
fireEvent.click(screen.getByTestId("sendSMS"));
|
||||
await waitFor(() => checkBaseResults("", "true"));
|
||||
});
|
||||
});
|
||||
});
|
||||
28
src/components/Contexts/__mocks__/SMSContext.jsx
Normal file
28
src/components/Contexts/__mocks__/SMSContext.jsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import React from 'react';
|
||||
|
||||
const SMSContext = React.createContext();
|
||||
|
||||
let busy = false;
|
||||
const smsResult = {
|
||||
smsMsgID:438222039,
|
||||
status:"Pending",
|
||||
messageText:"Test message",
|
||||
senderLogin:"tfbenterpriseapiuser",
|
||||
sentTo:"18707906682",
|
||||
sentFrom: "Server",
|
||||
msgType: "MT",
|
||||
dateSent: "2021-08-17T15:00:00.000Z",
|
||||
dateModified: "2021-08-17T15:00:00.000Z",
|
||||
ICCID: "8988300000000000000",
|
||||
};
|
||||
|
||||
export const SMSProvider = ({ children }) => {
|
||||
return <div data-testid="mocked-smsprovider">{children}</div>;
|
||||
}
|
||||
|
||||
export const useSMSContext = () => {
|
||||
return {
|
||||
busy,
|
||||
sendSMS: jest.fn(() => smsResult),
|
||||
};
|
||||
}
|
||||
19
src/components/SMS/Send/SendForm.test.jsx
Normal file
19
src/components/SMS/Send/SendForm.test.jsx
Normal 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();
|
||||
});
|
||||
});
|
||||
160
src/components/SMS/Send/__snapshots__/SendForm.test.jsx.snap
Normal file
160
src/components/SMS/Send/__snapshots__/SendForm.test.jsx.snap
Normal 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>
|
||||
`;
|
||||
@@ -0,0 +1,3 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`SMS Send Component Render 1`] = `undefined`;
|
||||
44
src/components/SMS/Send/index.test.jsx
Normal file
44
src/components/SMS/Send/index.test.jsx
Normal 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();
|
||||
});
|
||||
});
|
||||
19
src/services/__mocks__/smsAPI.js
Normal file
19
src/services/__mocks__/smsAPI.js
Normal file
@@ -0,0 +1,19 @@
|
||||
const smsAPI ={
|
||||
send: async(data, token) => {
|
||||
return {
|
||||
smsMsgID:438222039,
|
||||
status:"Pending",
|
||||
messageText:"Test message",
|
||||
senderLogin:"tfbenterpriseapiuser",
|
||||
sentTo:"18707906682",
|
||||
sentFrom: "Server",
|
||||
msgType: "MT",
|
||||
dateSent: "2021-08-17T15:00:00.000Z",
|
||||
dateModified: "2021-08-17T15:00:00.000Z",
|
||||
ICCID: "8988300000000000000",
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default smsAPI;
|
||||
@@ -6,10 +6,10 @@ const API_ENDPOINT = process.env.REACT_APP_OTA_SERVICE_URL;
|
||||
|
||||
const smsAPI = {
|
||||
/**
|
||||
* Sends a SMS to an ICCID
|
||||
* @param {*} data
|
||||
* @param {*} token
|
||||
* @returns
|
||||
* Sends an SMS to an ICCID
|
||||
* @param {*} data
|
||||
* @param {*} token
|
||||
* @returns
|
||||
*/
|
||||
send: async (data, token) =>
|
||||
fetch(`${API_ENDPOINT}/sms`, {
|
||||
|
||||
Reference in New Issue
Block a user