2 files changed, 57 insertions, 0 deletions
diff --git a/webapp/tests/components/backstage/components/__snapshots__/backstage_header.test.jsx.snap b/webapp/tests/components/backstage/components/__snapshots__/backstage_header.test.jsx.snap
new file mode 100644
index 000000000..7a0ae9e0c
--- /dev/null
+++ b/webapp/tests/components/backstage/components/__snapshots__/backstage_header.test.jsx.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/backstage/components/BackstageHeader should match snapshot with children 1`] = `
+<div
+  className="backstage-header"
+>
+  <h1>
+    <div>
+      Child 1
+    </div>
+    <span
+      className="backstage-header__divider"
+    >
+      <i
+        className="fa fa-angle-right"
+      />
+    </span>
+    <div>
+      Child 2
+    </div>
+  </h1>
+</div>
+`;
+
+exports[`components/backstage/components/BackstageHeader should match snapshot without children 1`] = `
+<div
+  className="backstage-header"
+>
+  <h1 />
+</div>
+`;
diff --git a/webapp/tests/components/backstage/components/backstage_header.test.jsx b/webapp/tests/components/backstage/components/backstage_header.test.jsx
new file mode 100644
index 000000000..ef70ad242
--- /dev/null
+++ b/webapp/tests/components/backstage/components/backstage_header.test.jsx
@@ -0,0 +1,26 @@
+// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+import {shallow} from 'enzyme';
+
+import BackstageHeader from 'components/backstage/components/backstage_header.jsx';
+
+describe('components/backstage/components/BackstageHeader', () => {
+    test('should match snapshot without children', () => {
+        const wrapper = shallow(
+            <BackstageHeader/>
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    test('should match snapshot with children', () => {
+        const wrapper = shallow(
+            <BackstageHeader>
+                <div>{'Child 1'}</div>
+                <div>{'Child 2'}</div>
+            </BackstageHeader>
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+});