From ca4216240c61b1e67b03b5f376d6b280f41cbb4d Mon Sep 17 00:00:00 2001
From: Christopher Henn <chris@chrishenn.net>
Date: Thu, 21 Jun 2018 10:57:12 -0700
Subject: [PATCH] Fix missing title on hosts page

---
 ui/src/hosts/containers/HostsPage.js        |  2 +-
 ui/test/hosts/containers/HostsPage.test.tsx | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/src/hosts/containers/HostsPage.js b/ui/src/hosts/containers/HostsPage.js
index 5058be5c0f..a6e1e82bf3 100644
--- a/ui/src/hosts/containers/HostsPage.js
+++ b/ui/src/hosts/containers/HostsPage.js
@@ -115,7 +115,7 @@ export class HostsPage extends Component {
     return (
       <div className="page hosts-list-page">
         <PageHeader
-          title="Host List"
+          titleText="Host List"
           optionsComponents={this.optionsComponents}
           sourceIndicator={true}
         />
diff --git a/ui/test/hosts/containers/HostsPage.test.tsx b/ui/test/hosts/containers/HostsPage.test.tsx
index 92a15a8063..3dcfabbb86 100644
--- a/ui/test/hosts/containers/HostsPage.test.tsx
+++ b/ui/test/hosts/containers/HostsPage.test.tsx
@@ -4,6 +4,7 @@ import {shallow} from 'enzyme'
 import {HostsPage} from 'src/hosts/containers/HostsPage'
 import HostsTable from 'src/hosts/components/HostsTable'
 import PageHeader from 'src/shared/components/PageHeader'
+import Title from 'src/shared/components/PageHeaderTitle'
 
 import {source} from 'test/resources'
 
@@ -32,11 +33,20 @@ describe('Hosts.Containers.HostsPage', () => {
   describe('rendering', () => {
     it('renders all children components', () => {
       const {wrapper} = setup()
-      const pageHeader = wrapper.find(PageHeader)
       const hostsTable = wrapper.find(HostsTable)
 
-      expect(pageHeader.exists()).toBe(true)
       expect(hostsTable.exists()).toBe(true)
+
+      const pageTitle = wrapper
+        .find(PageHeader)
+        .dive()
+        .find(Title)
+        .dive()
+        .find('h1')
+        .first()
+        .text()
+
+      expect(pageTitle).toBe('Host List')
     })
 
     describe('hosts', () => {