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 => {