Merge branch 'next' into permalink

src/core/client/stream/components/Comment/Comment.tsx

@@ -12,7 +12,7 @@ export interface CommentProps {
   id: string;
   className?: string;
   author: {
-    username: string;
+    username: string | null;
   } | null;
   body: string | null;
   createdAt: string;
@@ -22,7 +22,8 @@ const Comment: StatelessComponent<CommentProps> = props => {
   return (
     <div role="article">
       <TopBar>
-        {props.author && <Username>{props.author.username}</Username>}
+        {props.author &&
+          props.author.username && <Username>{props.author.username}</Username>}
         <Timestamp>{props.createdAt}</Timestamp>
       </TopBar>
       <Typography>{props.body}</Typography>

src/core/client/stream/containers/CommentContainer.spec.tsx

@@ -20,3 +20,18 @@ it("renders username and body", () => {
   const wrapper = shallow(<CommentContainer {...props} />);
   expect(wrapper).toMatchSnapshot();
 });
+
+it("renders body only", () => {
+  const props: PropTypesOf<typeof CommentContainer> = {
+    data: {
+      author: {
+        username: null,
+      },
+      body: "Woof",
+      createdAt: "1995-12-17T03:24:00.000Z",
+    },
+  };
+
+  const wrapper = shallow(<CommentContainer {...props} />);
+  expect(wrapper).toMatchSnapshot();
+});

src/core/client/stream/containers/__snapshots__/CommentContainer.spec.tsx.snap

@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders body only 1`] = `
+<Comment
+  author={
+    Object {
+      "username": null,
+    }
+  }
+  body="Woof"
+  createdAt="1995-12-17T03:24:00.000Z"
+/>
+`;
+
 exports[`renders username and body 1`] = `
 <Comment
   author={