diff --git a/web/src/js/__tests__/components/Header/__snapshots__/ConnectionIndicatorSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/ConnectionIndicatorSpec.js.snap
new file mode 100644
index 000000000..817ba395a
--- /dev/null
+++ b/web/src/js/__tests__/components/Header/__snapshots__/ConnectionIndicatorSpec.js.snap
@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ConnectionIndicator Component should connect to state 1`] = `
+<span
+  className="connection-indicator established"
+>
+  connected
+</span>
+`;
+
+exports[`ConnectionIndicator Component should render ERROR 1`] = `
+<span
+  className="connection-indicator error"
+  title="foo"
+>
+  connection lost
+</span>
+`;
+
+exports[`ConnectionIndicator Component should render ESTABLISHED 1`] = `
+<span
+  className="connection-indicator established"
+>
+  connected
+</span>
+`;
+
+exports[`ConnectionIndicator Component should render FETCHING 1`] = `
+<span
+  className="connection-indicator fetching"
+>
+  fetching data…
+</span>
+`;
+
+exports[`ConnectionIndicator Component should render INIT 1`] = `
+<span
+  className="connection-indicator init"
+>
+  connecting…
+</span>
+`;
+
+exports[`ConnectionIndicator Component should render OFFLINE 1`] = `
+<span
+  className="connection-indicator offline"
+>
+  offline
+</span>
+`;
diff --git a/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap
new file mode 100644
index 000000000..13ecf3f55
--- /dev/null
+++ b/web/src/js/__tests__/components/Header/__snapshots__/FileMenuSpec.js.snap
@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FileMenu Component should render correctly 1`] = `
+<div
+  className="dropdown pull-left"
+>
+  <a
+    className="special"
+    href="#"
+    onClick={[Function]}
+  >
+    mitmproxy
+  </a>
+  <ul
+    className="dropdown-menu"
+    role="menu"
+  >
+    <li>
+       
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        <i
+          className="fa fa-fw fa-file"
+        />
+         New
+      </a>
+       
+    </li>
+    <li>
+       
+      <a
+        className={undefined}
+        href="#"
+        onClick={[Function]}
+        title={undefined}
+      >
+        <i
+          className="fa fa-fw fa-folder-open"
+        />
+         Open...
+        <input
+          className="hidden"
+          onChange={[Function]}
+          type="file"
+        />
+      </a>
+       
+    </li>
+    <li>
+       
+      <a
+        href="#"
+        onClick={[Function]}
+      >
+        <i
+          className="fa fa-fw fa-floppy-o"
+        />
+         Save...
+      </a>
+       
+    </li>
+    <li>
+       
+      <hr
+        className="divider"
+      />
+       
+    </li>
+    <li>
+       
+      <a
+        href="http://mitm.it/"
+        target="_blank"
+      >
+        <i
+          className="fa fa-fw fa-external-link"
+        />
+         Install Certificates...
+      </a>
+       
+    </li>
+  </ul>
+</div>
+`;
diff --git a/web/src/js/__tests__/components/Header/__snapshots__/FilterDocsSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/FilterDocsSpec.js.snap
new file mode 100644
index 000000000..cd0c9ddab
--- /dev/null
+++ b/web/src/js/__tests__/components/Header/__snapshots__/FilterDocsSpec.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FilterDocs Component should render correctly when fetch success 1`] = `
+<i
+  className="fa fa-spinner fa-spin"
+/>
+`;
diff --git a/web/src/js/__tests__/components/Header/__snapshots__/FilterInputSpec.js.snap b/web/src/js/__tests__/components/Header/__snapshots__/FilterInputSpec.js.snap
new file mode 100644
index 000000000..f635f037d
--- /dev/null
+++ b/web/src/js/__tests__/components/Header/__snapshots__/FilterInputSpec.js.snap
@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FilterDocs Component should render correctly 1`] = `
+<div
+  className="filter-input input-group"
+>
+  <span
+    className="input-group-addon"
+  >
+    <i
+      className="fa fa-fw fa-foo"
+      style={
+        Object {
+          "color": "red",
+        }
+      }
+    />
+  </span>
+  <input
+    className="form-control"
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    placeholder="bar"
+    type="text"
+    value={undefined}
+  />
+</div>
+`;