Save comment draft + test

src/core/client/stream/test/__snapshots__/postComment.spec.tsx.snap

@@ -194,10 +194,10 @@ exports[`post a comment 1`] = `
             </span>
             <time
               className="Timestamp-root RelativeTime-root"
-              dateTime="2018-07-06T18:24:00.002Z"
-              title="2018-07-06T18:24:00.002Z"
+              dateTime="2018-07-06T18:24:00.000Z"
+              title="2018-07-06T18:24:00.000Z"
             >
-              2018-07-06T18:24:00.002Z
+              2018-07-06T18:24:00.000Z
             </time>
           </div>
           <div

src/core/client/stream/test/create.tsx

@@ -0,0 +1,59 @@
+import { IResolvers } from "graphql-tools";
+import React from "react";
+import TestRenderer from "react-test-renderer";
+import { Environment, RecordProxy, RecordSourceProxy } from "relay-runtime";
+
+import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
+import { PostMessageService } from "talk-framework/lib/postMessage";
+import { RestClient } from "talk-framework/lib/rest";
+import { createInMemoryStorage } from "talk-framework/lib/storage";
+import { createFakePymStorage } from "talk-framework/testHelpers";
+import AppContainer from "talk-stream/containers/AppContainer";
+
+import createEnvironment from "./createEnvironment";
+import createFluentBundle from "./createFluentBundle";
+import createNodeMock from "./createNodeMock";
+
+interface CreateParams {
+  logNetwork?: boolean;
+  resolvers: IResolvers<any, any>;
+  initLocalState?: (
+    local: RecordProxy,
+    source: RecordSourceProxy,
+    environment: Environment
+  ) => void;
+}
+
+export default function create(params: CreateParams) {
+  const environment = createEnvironment({
+    // Set this to true, to see graphql responses.
+    logNetwork: params.logNetwork,
+    resolvers: params.resolvers,
+    initLocalState: (localRecord, source, env) => {
+      localRecord.setValue(0, "authRevision");
+      if (params.initLocalState) {
+        params.initLocalState(localRecord, source, env);
+      }
+    },
+  });
+
+  const context: TalkContext = {
+    relayEnvironment: environment,
+    localeBundles: [createFluentBundle()],
+    localStorage: createInMemoryStorage(),
+    sessionStorage: createInMemoryStorage(),
+    pymLocalStorage: createFakePymStorage(),
+    pymSessionStorage: createFakePymStorage(),
+    rest: new RestClient("http://localhost/api"),
+    postMessage: new PostMessageService(),
+  };
+
+  const testRenderer = TestRenderer.create(
+    <TalkContextProvider value={context}>
+      <AppContainer />
+    </TalkContextProvider>,
+    { createNodeMock }
+  );
+
+  return { context, testRenderer };
+}

src/core/client/stream/test/loadMore.spec.tsx

@@ -1,17 +1,9 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
+import { ReactTestRenderer } from "react-test-renderer";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets, comments } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -68,31 +60,14 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord, source) => {
-      localRecord.setValue(0, "authRevision");
+    initLocalState: localRecord => {
       localRecord.setValue(assetStub.id, "assetID");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders comment stream", async () => {

src/core/client/stream/test/permalinkView.spec.tsx

@@ -1,19 +1,10 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 import sinon from "sinon";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets, comments } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -50,32 +41,15 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
-      localRecord.setValue(0, "authRevision");
+    initLocalState: localRecord => {
       localRecord.setValue(assetStub.id, "assetID");
       localRecord.setValue(commentStub.id, "commentID");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders permalink view", async () => {

src/core/client/stream/test/permalinkViewAssetNotFound.spec.tsx

@@ -1,17 +1,8 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 
 let testRenderer: ReactTestRenderer;
 beforeEach(() => {
@@ -22,32 +13,15 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
-      localRecord.setValue(0, "authRevision");
+    initLocalState: localRecord => {
       localRecord.setValue("unknown-asset-id", "assetID");
       localRecord.setValue("unknown-comment-id", "commentID");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders permalink view with unknown asset", async () => {

src/core/client/stream/test/permalinkViewCommentNotFound.spec.tsx

@@ -1,19 +1,10 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 import sinon from "sinon";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets, comments } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -47,32 +38,15 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
+    initLocalState: localRecord => {
       localRecord.setValue(assetStub.id, "assetID");
       localRecord.setValue("unknown-comment-id", "commentID");
-      localRecord.setValue(0, "authRevision");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders permalink view with unknown comment", async () => {

src/core/client/stream/test/postComment.spec.tsx

@@ -1,19 +1,10 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 import timekeeper from "timekeeper";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets, users } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -57,31 +48,14 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
+    initLocalState: localRecord => {
       localRecord.setValue(assets[0].id, "assetID");
-      localRecord.setValue(0, "authRevision");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders comment stream", async () => {
@@ -91,11 +65,13 @@ it("renders comment stream", async () => {
 });
 
 it("post a comment", async () => {
+  // Wait for loading.
+  await timeout();
   testRenderer.root
     .findByProps({ inputId: "comments-postCommentForm-field" })
     .props.onChange({ html: "<strong>Hello world!</strong>" });
 
-  timekeeper.travel(new Date("2018-07-06T18:24:00.000Z"));
+  timekeeper.freeze(new Date("2018-07-06T18:24:00.000Z"));
   testRenderer.root
     .findByProps({ id: "comments-postCommentForm-form" })
     .props.onSubmit();

src/core/client/stream/test/renderReplies.spec.tsx

@@ -1,18 +1,9 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assetWithReplies } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -29,31 +20,14 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
+    initLocalState: localRecord => {
       localRecord.setValue(assetWithReplies.id, "assetID");
-      localRecord.setValue(0, "authRevision");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders comment stream", async () => {

src/core/client/stream/test/renderStream.spec.tsx

@@ -1,18 +1,9 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -26,31 +17,14 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
+    initLocalState: localRecord => {
       localRecord.setValue(assets[0].id, "assetID");
-      localRecord.setValue(0, "authRevision");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders comment stream", async () => {

src/core/client/stream/test/showAllReplies.spec.tsx

@@ -1,19 +1,10 @@
-import React from "react";
-import TestRenderer, { ReactTestRenderer } from "react-test-renderer";
-import { RecordProxy } from "relay-runtime";
+import { ReactTestRenderer } from "react-test-renderer";
 import sinon from "sinon";
 
 import { timeout } from "talk-common/utils";
-import { TalkContext, TalkContextProvider } from "talk-framework/lib/bootstrap";
-import { PostMessageService } from "talk-framework/lib/postMessage";
-import { RestClient } from "talk-framework/lib/rest";
-import { createInMemoryStorage } from "talk-framework/lib/storage";
 import { createSinonStub } from "talk-framework/testHelpers";
-import AppContainer from "talk-stream/containers/AppContainer";
 
-import createEnvironment from "./createEnvironment";
-import createFluentBundle from "./createFluentBundle";
-import createNodeMock from "./createNodeMock";
+import create from "./create";
 import { assets, comments } from "./fixtures";
 
 let testRenderer: ReactTestRenderer;
@@ -85,31 +76,14 @@ beforeEach(() => {
     },
   };
 
-  const environment = createEnvironment({
+  ({ testRenderer } = create({
     // Set this to true, to see graphql responses.
     logNetwork: false,
     resolvers,
-    initLocalState: (localRecord: RecordProxy) => {
+    initLocalState: localRecord => {
       localRecord.setValue(assetStub.id, "assetID");
-      localRecord.setValue(0, "authRevision");
     },
-  });
-
-  const context: TalkContext = {
-    relayEnvironment: environment,
-    localeBundles: [createFluentBundle()],
-    localStorage: createInMemoryStorage(),
-    sessionStorage: createInMemoryStorage(),
-    rest: new RestClient("http://localhost/api"),
-    postMessage: new PostMessageService(),
-  };
-
-  testRenderer = TestRenderer.create(
-    <TalkContextProvider value={context}>
-      <AppContainer />
-    </TalkContextProvider>,
-    { createNodeMock }
-  );
+  }));
 });
 
 it("renders comment stream", async () => {