1
0
mirror of https://github.com/SomboChea/ui synced 2024-11-05 06:04:28 +07:00

refactor: adds missing test spec for button click in not found (#222)

* refactor: adds missing test spec for button click in not found

* refactor: improves test description
This commit is contained in:
Ayush Sharma 2019-10-26 13:13:47 +02:00 committed by GitHub
parent a38b93e127
commit 531295a6d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 5 deletions

View File

@ -27,7 +27,7 @@ const StyledHeading = styled(Typography)({
const NotFound: React.FC = () => {
const history = useHistory();
const handleGomHome = useCallback(() => {
const handleGoHome = useCallback(() => {
history.push('/');
}, [history]);
@ -37,7 +37,7 @@ const NotFound: React.FC = () => {
<StyledHeading className="not-found-text" variant="h4">
{NOT_FOUND_TEXT}
</StyledHeading>
<Button onClick={handleGomHome} variant="contained">
<Button onClick={handleGoHome} variant="contained">
{GO_TO_HOME_PAGE}
</Button>
</Box>

View File

@ -1,8 +1,8 @@
import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import { render } from '@testing-library/react';
import { render, fireEvent } from '@testing-library/react';
import NotFound from './NotFound';
import NotFound, { GO_TO_HOME_PAGE } from './NotFound';
describe('<NotFound /> component', () => {
test('should load the component in default state', () => {
@ -13,5 +13,17 @@ describe('<NotFound /> component', () => {
);
expect(container.firstChild).toMatchSnapshot();
});
test.todo('Test Button Click');
test('go to Home Page button click', () => {
const spy = jest.spyOn(React, 'useCallback');
const { getByText } = render(
<Router>
<NotFound />
</Router>
);
const node = getByText(GO_TO_HOME_PAGE);
fireEvent.click(node);
expect(spy).toHaveBeenCalled();
});
});