From 82f8fb7350efb44ebee790fec9bae5b902673b20 Mon Sep 17 00:00:00 2001
From: Lukas Heiligenbrunner <lukas.heiligenbrunner@gmail.com>
Date: Fri, 19 Jun 2020 18:21:42 +0200
Subject: [PATCH] added tests for PageTitle component repaired failing homepage
 test

---
 src/elements/PageTitle/PageTitle.js      |  4 +++-
 src/elements/PageTitle/PageTitle.test.js | 19 +++++++++++++++++++
 src/pages/HomePage/HomePage.test.js      |  4 ++--
 3 files changed, 24 insertions(+), 3 deletions(-)

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 {
             <div className='pageheader'>
                 <span className='pageheadertitle'>{this.props.title}</span>
                 <span className='pageheadersubtitle'>{this.props.subtitle}</span>
-                {this.props.children}
+                <>
+                    {this.props.children}
+                </>
                 <hr/>
             </div>
         );
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('<Preview/>', function () {
         const wrapper = shallow(<PageTitle/>);
         wrapper.unmount();
     });
+
+    it('renders childs correctly', function () {
+        const wrapper = shallow(<PageTitle>heyimachild</PageTitle>);
+
+        const children = wrapper.children();
+        expect(children.at(children.length-2).text()).toBe("heyimachild");
+    });
+
+    it('renders pagetitle prop', function () {
+        const wrapper = shallow(<PageTitle title='testtitle'/>);
+
+        expect(wrapper.find(".pageheader").text()).toBe("testtitle");
+    });
+
+    it('renders subtitle prop', function () {
+        const wrapper = shallow(<PageTitle subtitle='testsubtitle'/>);
+
+        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('<HomePage/>', function () {
     it('test title and nr insertions', function () {
         const wrapper = shallow(<HomePage/>);
 
-        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 => {