diff --git a/src/core/client/stream/components/App.spec.tsx b/src/core/client/stream/components/App.spec.tsx
new file mode 100644
index 000000000..01c0bec0b
--- /dev/null
+++ b/src/core/client/stream/components/App.spec.tsx
@@ -0,0 +1,16 @@
+import { shallow } from "enzyme";
+import noop from "lodash";
+import React from "react";
+
+import { PropTypesOf } from "talk-framework/types";
+
+import App from "./App";
+
+it("renders comments", () => {
+  const props: PropTypesOf<typeof App> = {
+    activeTab: "COMMENTS",
+    onTabClick: noop,
+  };
+  const wrapper = shallow(<App {...props} />);
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/src/core/client/stream/components/__snapshots__/App.spec.tsx.snap b/src/core/client/stream/components/__snapshots__/App.spec.tsx.snap
new file mode 100644
index 000000000..f99caa827
--- /dev/null
+++ b/src/core/client/stream/components/__snapshots__/App.spec.tsx.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders comments 1`] = `
+<withPropsOnChange(HorizontalGutter)
+  className="App-root"
+>
+  <withPropsOnChange(TabBar)
+    activeTab="COMMENTS"
+    onTabClick={[Function]}
+  >
+    <CommentsTab
+      tabId="COMMENTS"
+    />
+    <MyProfileTab
+      tabId="PROFILE"
+    />
+  </withPropsOnChange(TabBar)>
+  <TabContent
+    activeTab="COMMENTS"
+    className="App-tabContent"
+  >
+    <TabPane
+      tabId="COMMENTS"
+    >
+      <withContext(withLocalStateContainer(CommentsPaneContainer)) />
+    </TabPane>
+    <TabPane
+      tabId="PROFILE"
+    >
+      <withContext(withLocalStateContainer(ProfileQuery)) />
+    </TabPane>
+  </TabContent>
+</withPropsOnChange(HorizontalGutter)>
+`;