diff --git a/src/elements/PageTitle/PageTitle.js b/src/elements/PageTitle/PageTitle.js index 93e038e..b7ef224 100644 --- a/src/elements/PageTitle/PageTitle.js +++ b/src/elements/PageTitle/PageTitle.js @@ -14,7 +14,9 @@ class PageTitle extends React.Component {
{this.props.title} {this.props.subtitle} - {this.props.children} + <> + {this.props.children} +
); diff --git a/src/elements/PageTitle/PageTitle.test.js b/src/elements/PageTitle/PageTitle.test.js index 42b1c91..47b0a80 100644 --- a/src/elements/PageTitle/PageTitle.test.js +++ b/src/elements/PageTitle/PageTitle.test.js @@ -8,5 +8,24 @@ describe('', function () { const wrapper = shallow(); wrapper.unmount(); }); + + it('renders childs correctly', function () { + const wrapper = shallow(heyimachild); + + const children = wrapper.children(); + expect(children.at(children.length-2).text()).toBe("heyimachild"); + }); + + it('renders pagetitle prop', function () { + const wrapper = shallow(); + + expect(wrapper.find(".pageheader").text()).toBe("testtitle"); + }); + + it('renders subtitle prop', function () { + const wrapper = shallow(); + + expect(wrapper.find(".pageheadersubtitle").text()).toBe("testsubtitle"); + }); }); diff --git a/src/pages/HomePage/HomePage.test.js b/src/pages/HomePage/HomePage.test.js index 02bbf18..5e23abb 100644 --- a/src/pages/HomePage/HomePage.test.js +++ b/src/pages/HomePage/HomePage.test.js @@ -52,14 +52,14 @@ describe('', function () { it('test title and nr insertions', function () { const wrapper = shallow(); - expect(wrapper.find(".pageheadersubtitle").text()).toBe("All Videos - 0"); + expect(wrapper.find("PageTitle").props().subtitle).toBe("All Videos - 0"); wrapper.setState({ tag: "testtag", selectionnr: 42 }); - expect(wrapper.find(".pageheadersubtitle").text()).toBe("testtag Videos - 42"); + expect(wrapper.find("PageTitle").props().subtitle).toBe("testtag Videos - 42"); }); it('test search field', done => {