Save comment draft + test

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();