Fix style
This commit is contained in:
parent
e768a00dce
commit
a2bee67757
2 changed files with 42 additions and 36 deletions
|
@ -1,5 +1,9 @@
|
||||||
import { render } from "@testing-library/react";
|
import { render } from "@testing-library/react";
|
||||||
import Greeter, { IGreeterProps, isBetween, getExtension } from "../../components/greeter";
|
import Greeter, {
|
||||||
|
IGreeterProps,
|
||||||
|
isBetween,
|
||||||
|
getExtension,
|
||||||
|
} from "../../components/greeter";
|
||||||
|
|
||||||
const props: IGreeterProps = {
|
const props: IGreeterProps = {
|
||||||
months: [
|
months: [
|
||||||
|
@ -14,7 +18,7 @@ const props: IGreeterProps = {
|
||||||
"September",
|
"September",
|
||||||
"October",
|
"October",
|
||||||
"November",
|
"November",
|
||||||
"December"
|
"December",
|
||||||
],
|
],
|
||||||
days: [
|
days: [
|
||||||
"Sunday",
|
"Sunday",
|
||||||
|
@ -23,7 +27,7 @@ const props: IGreeterProps = {
|
||||||
"Wednesday",
|
"Wednesday",
|
||||||
"Thursday",
|
"Thursday",
|
||||||
"Friday",
|
"Friday",
|
||||||
"Saturday"
|
"Saturday",
|
||||||
],
|
],
|
||||||
greetings: [
|
greetings: [
|
||||||
{
|
{
|
||||||
|
@ -39,33 +43,33 @@ const props: IGreeterProps = {
|
||||||
{
|
{
|
||||||
greeting: "Good afternoon!",
|
greeting: "Good afternoon!",
|
||||||
start: 12,
|
start: 12,
|
||||||
end: 18
|
end: 18,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
greeting: "Good evening!",
|
greeting: "Good evening!",
|
||||||
start: 18,
|
start: 18,
|
||||||
end: 24
|
end: 24,
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
dateformat: "%wd, %m %d%e %y"
|
dateformat: "%wd, %m %d%e %y",
|
||||||
}
|
};
|
||||||
|
|
||||||
it('isBetween test', () => {
|
it("isBetween test", () => {
|
||||||
expect(isBetween(5,1,3)).toBeFalsy
|
expect(isBetween(5, 1, 3)).toBeFalsy;
|
||||||
expect(isBetween(64,1,8)).toBeFalsy
|
expect(isBetween(64, 1, 8)).toBeFalsy;
|
||||||
expect(isBetween(-1,-5,-3)).toBeFalsy
|
expect(isBetween(-1, -5, -3)).toBeFalsy;
|
||||||
expect(isBetween(4,4,4)).toBeTruthy
|
expect(isBetween(4, 4, 4)).toBeTruthy;
|
||||||
expect(isBetween(3,1,8)).toBeTruthy
|
expect(isBetween(3, 1, 8)).toBeTruthy;
|
||||||
expect(isBetween(-3,-5,-1)).toBeTruthy
|
expect(isBetween(-3, -5, -1)).toBeTruthy;
|
||||||
})
|
});
|
||||||
|
|
||||||
it('getExtension test', () => {
|
it("getExtension test", () => {
|
||||||
expect(getExtension(1)).toEqual("st")
|
expect(getExtension(1)).toEqual("st");
|
||||||
expect(getExtension(2)).toEqual("nd")
|
expect(getExtension(2)).toEqual("nd");
|
||||||
expect(getExtension(3)).toEqual("rd")
|
expect(getExtension(3)).toEqual("rd");
|
||||||
expect(getExtension(4)).toEqual("th")
|
expect(getExtension(4)).toEqual("th");
|
||||||
expect(getExtension(55)).toEqual("th")
|
expect(getExtension(55)).toEqual("th");
|
||||||
})
|
});
|
||||||
|
|
||||||
it("Greeter snapshot test", () => {
|
it("Greeter snapshot test", () => {
|
||||||
const { asFragment } = render(<Greeter data={props} />);
|
const { asFragment } = render(<Greeter data={props} />);
|
||||||
|
|
|
@ -1,23 +1,25 @@
|
||||||
import { fireEvent, render, screen } from "@testing-library/react";
|
import { fireEvent, render, screen } from "@testing-library/react";
|
||||||
import Icon, { IconButton } from "../../components/icon"
|
import Icon, { IconButton } from "../../components/icon";
|
||||||
|
|
||||||
const props = {
|
const props = {
|
||||||
name: "bug_report",
|
name: "bug_report",
|
||||||
size: "20px",
|
size: "20px",
|
||||||
onClick: () => console.log("test")
|
onClick: () => console.log("test"),
|
||||||
}
|
};
|
||||||
|
|
||||||
it('Icon test', () => {
|
it("Icon test", () => {
|
||||||
const { asFragment } = render(<Icon name={props.name} size={props.size}/>);
|
const { asFragment } = render(<Icon name={props.name} size={props.size} />);
|
||||||
expect(asFragment).toMatchSnapshot();
|
expect(asFragment).toMatchSnapshot();
|
||||||
})
|
});
|
||||||
|
|
||||||
it('IconButton test', () => {
|
it("IconButton test", () => {
|
||||||
const { asFragment } = render(<IconButton icon={props.name} onClick={props.onClick} />);
|
const { asFragment } = render(
|
||||||
|
<IconButton icon={props.name} onClick={props.onClick} />,
|
||||||
|
);
|
||||||
expect(asFragment).toMatchSnapshot();
|
expect(asFragment).toMatchSnapshot();
|
||||||
|
|
||||||
const handleClick = jest.fn()
|
const handleClick = jest.fn();
|
||||||
render(<IconButton icon="question_answer" onClick={handleClick} />);
|
render(<IconButton icon="question_answer" onClick={handleClick} />);
|
||||||
fireEvent.click(screen.getByText(/question_answer/i))
|
fireEvent.click(screen.getByText(/question_answer/i));
|
||||||
expect(handleClick).toHaveBeenCalledTimes(1)
|
expect(handleClick).toHaveBeenCalledTimes(1);
|
||||||
})
|
});
|
||||||
|
|
Loading…
Add table
Reference in a new issue