added tests for homepage

This commit is contained in:
Lukas Heiligenbrunner 2020-06-17 19:51:02 +02:00
parent 23a1fdca75
commit 043750170b
3 changed files with 48 additions and 4 deletions

View File

@ -39,7 +39,7 @@ describe('<CategoryPage/>', function () {
let message;
global.console.log = jest.fn((m) => {
message = m;
})
});
const wrapper = shallow(<CategoryPage/>);

View File

@ -8,7 +8,7 @@
width: 10%;
}
.searchform{
.searchform {
margin-top: 25px;
float: right;
}

View File

@ -11,6 +11,11 @@ function prepareFetchApi(response) {
return (jest.fn().mockImplementation(() => mockFetchPromise));
}
function prepareFailingFetchApi() {
const mockFetchPromise = Promise.reject("myreason");
return (jest.fn().mockImplementation(() => mockFetchPromise));
}
describe('<HomePage/>', function () {
it('renders without crashing ', function () {
const wrapper = shallow(<HomePage/>);
@ -58,11 +63,11 @@ describe('<HomePage/>', function () {
});
it('test search field', done => {
global.fetch = prepareFetchApi([{},{}]);
global.fetch = prepareFetchApi([{}, {}]);
const wrapper = shallow(<HomePage/>);
wrapper.find('[data-testid="searchtextfield"]').simulate('change', { target: { value: 'testvalue' } });
wrapper.find('[data-testid="searchtextfield"]').simulate('change', {target: {value: 'testvalue'}});
wrapper.find('[data-testid="searchbtnsubmit"]').simulate("click");
process.nextTick(() => {
@ -73,4 +78,43 @@ describe('<HomePage/>', function () {
done();
});
});
it('test form submit', done => {
global.fetch = prepareFetchApi([{}, {}]);
const wrapper = shallow(<HomePage/>);
const fakeEvent = {preventDefault: () => console.log('preventDefault')};
wrapper.find(".searchform").simulate('submit', fakeEvent);
expect(wrapper.state().selectionnr).toBe(0);
process.nextTick(() => {
// state to be set correctly with response
expect(wrapper.state().selectionnr).toBe(2);
global.fetch.mockClear();
done();
});
});
it('test no backend connection behaviour', done => {
// this test assumes a console.log within every connection fail
global.fetch = prepareFailingFetchApi();
let count = 0;
global.console.log = jest.fn((m) => {
count++;
});
const wrapper = shallow(<HomePage/>);
process.nextTick(() => {
// state to be set correctly with response
expect(global.fetch).toBeCalledTimes(2);
global.fetch.mockClear();
done();
});
});
});