diff --git a/ui/src/shared/components/PageHeader.tsx b/ui/src/shared/components/PageHeader.tsx
index e7ab4c61c8..c919f557ac 100644
--- a/ui/src/shared/components/PageHeader.tsx
+++ b/ui/src/shared/components/PageHeader.tsx
@@ -48,7 +48,7 @@ class PageHeader extends Component<Props> {
     const {titleText, titleComponents} = this.props
 
     if (!titleText && !titleComponents) {
-      console.error(
+      throw new Error(
         'PageHeader requires either titleText or titleComponents prop'
       )
     }
diff --git a/ui/test/shared/components/PageHeader.test.tsx b/ui/test/shared/components/PageHeader.test.tsx
new file mode 100644
index 0000000000..e4f29dcaf5
--- /dev/null
+++ b/ui/test/shared/components/PageHeader.test.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import {shallow} from 'enzyme'
+
+import PageHeader from 'src/shared/components/PageHeader'
+
+describe('PageHeader', () => {
+  it('should throw an error if neither titleText nor titleComponents is supplied', () => {
+    expect(() => shallow(<PageHeader />)).toThrow(
+      'PageHeader requires either titleText or titleComponents prop'
+    )
+  })
+})