ruidy/devbook_ts
1
0
Fork 0
mirror of https://github.com/rjNemo/devbook_ts synced 2026-06-12 13:36:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor navbar tests

Browse source
This commit is contained in:
Ruidy Nemausat 2020-05-13 10:37:02 +02:00
parent e29fe27014
commit 22661c2f8d
2 changed files with 110 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
src/components/__tests__/NavBar.test
View file

@ -1,93 +0,0 @@
// import React from 'react';
// import NavBar from '../NavBar';
// import {render, RenderResult} from '@testing-library/react';
// describe('Navbar displays', () => {
// let context: RenderResult;
// let navProps = {
// isAuthenticated: false,
// loading: true,
// };
// beforeEach(() => {
// context = render(<NavBar {...navProps} />);
// });
// test('landing page link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('homeLink');
// expect(link[0]).toBeTruthy();
// });
// it('no links while loading', () => {
// const {queryByTestId} = context;
// const links = queryByTestId('privateLinks');
// expect(links).toBeNull();
// });
// describe('when loaded', () => {
// describe('when user is not authenticated', () => {
// navProps = {
// isAuthenticated: false,
// loading: false,
// };
// beforeEach(() => {
// context = render(<NavBar {...navProps} />);
// });
// test('developers link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('devsLink');
// expect(link[0]).toBeTruthy();
// });
// test('register link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('signupLink');
// expect(link[0]).toBeTruthy();
// });
// test('login page link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('loginLink');
// expect(link[0]).toBeTruthy();
// });
// });
// describe('when user is authenticated', () => {
// navProps = {
// isAuthenticated: true,
// loading: false,
// };
// beforeEach(() => {
// context = render(<NavBar {...navProps} />);
// });
// test('developers link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('devsLink');
// expect(link[0]).toBeTruthy();
// });
// test('posts page link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('postsLink');
// expect(link[0]).toBeTruthy();
// });
// test('dashboard page link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('dashboardLink');
// expect(link[0]).toBeTruthy();
// });
// test('logout page link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('logoutLink');
// expect(link[0]).toBeTruthy();
// });
// });
// });
// });

110
src/components/__tests__/NavBar.test.tsx Normal file
View file

@ -0,0 +1,110 @@
import React from 'react';
import {BrowserRouter} from 'react-router-dom';
import NavBar from '../NavBar';
import {render, RenderResult} from '@testing-library/react';
interface IProps {
isAuthenticated: boolean;
loading: boolean;
}
describe('Navbar displays', () => {
let context: RenderResult;
let navProps: IProps;
describe('before loading', () => {
navProps = {
isAuthenticated: false,
loading: true,
};
beforeEach(() => {
context = render(
<BrowserRouter>
<NavBar {...navProps} />
</BrowserRouter>,
);
});
test('landing page link', () => {
const {getAllByTestId} = context;
const link = getAllByTestId('homeLink');
expect(link[0]).toBeTruthy();
});
it('no links while loading', () => {
const {queryByTestId} = context;
const links = queryByTestId('privateLinks');
expect(links).toBeNull();
});
});
describe('when loaded', () => {
describe('when user is not authenticated', () => {
navProps = {
isAuthenticated: false,
loading: false,
};
beforeEach(() => {
context = render(
<BrowserRouter>
<NavBar {...navProps} />
</BrowserRouter>,
);
});
test('developers link', () => {
const {getAllByTestId} = context;
const link = getAllByTestId('devsLink');
expect(link[0]).toBeTruthy();
});
test('register link', () => {
const {getAllByTestId} = context;
const link = getAllByTestId('signupLink');
expect(link[0]).toBeTruthy();
});
test('login page link', () => {
const {getAllByTestId} = context;
const link = getAllByTestId('loginLink');
expect(link[0]).toBeTruthy();
});
});
// describe('when user is authenticated', () => {
// navProps = {
// isAuthenticated: true,
// loading: false,
// };
// beforeEach(() => {
// context = render(
// <BrowserRouter>
// <NavBar {...navProps} />
// </BrowserRouter>,
// );
// });
// test('developers link', () => {
// const {getAllByTestId} = context;
// const link = getAllByTestId('devsLink');
// expect(link[0]).toBeTruthy();
// });
// // test('posts page link', () => {
// // const {getAllByTestId} = context;
// // const link = getAllByTestId('postsLink');
// // expect(link[0]).toBeTruthy();
// // });
// // test('dashboard page link', () => {
// // const {getAllByTestId} = context;
// // const link = getAllByTestId('dashboardLink');
// // expect(link[0]).toBeTruthy();
// // });
// // test('logout page link', () => {
// // const {getAllByTestId} = context;
// // const link = getAllByTestId('logoutLink');
// // expect(link[0]).toBeTruthy();
// // });
// // });
// });
});
});