Get view from query + tests

src/core/client/stream/local/__snapshots__/initLocalState.spec.ts.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`init local state 1`] = `
+"{
+  \\"client:root\\": {
+    \\"__id\\": \\"client:root\\",
+    \\"__typename\\": \\"__Root\\",
+    \\"local\\": {
+      \\"__ref\\": \\"client:root.local\\"
+    }
+  },
+  \\"client:root.local\\": {
+    \\"__id\\": \\"client:root.local\\",
+    \\"__typename\\": \\"Local\\",
+    \\"network\\": {
+      \\"__ref\\": \\"client:root.local.network\\"
+    },
+    \\"authPopup\\": {
+      \\"__ref\\": \\"client:root.local.authPopup\\"
+    }
+  },
+  \\"client:root.local.network\\": {
+    \\"__id\\": \\"client:root.local.network\\",
+    \\"__typename\\": \\"Network\\",
+    \\"isOffline\\": false
+  },
+  \\"client:root.local.authPopup\\": {
+    \\"__id\\": \\"client:root.local.authPopup\\",
+    \\"__typename\\": \\"AuthPopup\\",
+    \\"open\\": false,
+    \\"focus\\": false,
+    \\"href\\": \\"\\"
+  }
+}"
+`;

src/core/client/stream/local/initLocalState.spec.ts

@@ -0,0 +1,52 @@
+import { Environment, RecordSource } from "relay-runtime";
+
+import { timeout } from "talk-common/utils";
+import { LOCAL_ID } from "talk-framework/lib/relay";
+import { createRelayEnvironment } from "talk-framework/testHelpers";
+
+import initLocalState from "./initLocalState";
+
+let environment: Environment;
+let source: RecordSource;
+
+beforeEach(() => {
+  source = new RecordSource();
+  environment = createRelayEnvironment({
+    source,
+    initLocalState: false,
+  });
+});
+
+it("init local state", async () => {
+  initLocalState(environment);
+  await timeout();
+  expect(JSON.stringify(source.toJSON(), null, 2)).toMatchSnapshot();
+});
+
+it("set assetID from query", () => {
+  const assetID = "asset-id";
+  const previousLocation = location.toString();
+  const previousState = window.history.state;
+  window.history.replaceState(
+    previousState,
+    document.title,
+    `http://localhost/?assetID=${assetID}`
+  );
+  initLocalState(environment);
+  expect(source.get(LOCAL_ID)!.assetID).toBe(assetID);
+  window.history.replaceState(previousState, document.title, previousLocation);
+});
+
+it("set commentID from query", () => {
+  const commentID = "comment-id";
+  const previousLocation = location.toString();
+  const previousState = window.history.state;
+  window.history.replaceState(
+    previousState,
+    document.title,
+    `http://localhost/?commentID=${commentID}`
+  );
+  initLocalState(environment);
+  expect(source.get(LOCAL_ID)!.commentID).toBe(commentID);
+  window.history.replaceState(previousState, document.title, previousLocation);
+});