186 open snapshot in editor

server/api/app/resolver.ts

@@ -3,6 +3,7 @@ import * as launch from "launch-editor";
 import { App } from "./app";
 import FileWatcher, { WatcherEvents } from "../../services/file-watcher";
 import { pubsub } from "../../event-emitter";
+import { dirname, basename } from "path";
 
 @Resolver(App)
 export default class AppResolver {
@@ -44,4 +45,16 @@ export default class AppResolver {
 
     return "";
   }
+
+  @Mutation(returns => String)
+  openSnapInEditor(@Arg("path") path: string) {
+    var dir = dirname(path)
+    var file = basename(path);
+
+    var snap = dir + '/__snapshots__/' + file + '.snap'
+    console.log("opening the snapshot:", snap);
+    this.openInEditor(snap);
+
+    return "";
+  }
 }

ui/test-file/index.tsx

@@ -89,14 +89,6 @@ function TestFile({ selectedFilePath, isRunning, projectRoot, onStop }: Props) {
     result => result.changeToResult
   );
 
-  const haveSnapshotFailures = ((result && result.testResults) || []).some(
-    testResult => {
-      return (testResult.failureMessages || []).some(failureMessage =>
-        failureMessage.includes("toMatchSnapshot")
-      );
-    }
-  );
-
   const roots = (fileItemResult.items || []).filter(
     item => item.parent === null
   );
@@ -116,7 +108,6 @@ function TestFile({ selectedFilePath, isRunning, projectRoot, onStop }: Props) {
         path={selectedFilePath}
         isRunning={isRunning}
         isLoadingResult={loading}
-        haveSnapshotFailures={haveSnapshotFailures}
         onRun={() => {
           runFile();
         }}

ui/test-file/summary/index.tsx

@@ -11,10 +11,12 @@ import {
   CheckCircle,
   Frown,
   ZapOff,
-  Circle
+  Circle,
+  Eye
 } from "react-feather";
 import Button from "../../components/button";
 import OPEN_IN_EDITOR from "./open-in-editor.gql";
+import OPEN_SNAP_IN_EDITOR from "./open-snap-in-editor.gql";
 import { Tooltip } from "react-tippy";
 import { useMutation } from "react-apollo-hooks";
 
@@ -127,7 +129,6 @@ export default function FileSummary({
   onRun,
   onStop,
   onSnapshotUpdate,
-  haveSnapshotFailures
 }: Props) {
   const Icon = isRunning ? StopCircle : Play;
 
@@ -137,6 +138,12 @@ export default function FileSummary({
     }
   });
 
+  const openSnapshotInEditor = useMutation(OPEN_SNAP_IN_EDITOR, {
+    variables: {
+      path
+    }
+  });
+
   return (
     <Container p={4} bg="slightDark">
       {(isRunning || isLoadingResult) && <ContainerBG />}
@@ -188,9 +195,8 @@ export default function FileSummary({
             }}
           />
         </Tooltip>
-        {haveSnapshotFailures && (
           <Tooltip
-            title="Update all snapshots of the file"
+            title="Update all snapshots for this file"
             position="bottom"
             size="small"
           >
@@ -204,7 +210,15 @@ export default function FileSummary({
               Update Snapshot
             </Button>
           </Tooltip>
-        )}
+        <Tooltip title="Open snapshot in editor" size="small" position="bottom">
+          <Button
+            icon={<Eye size={14} />}
+            minimal
+            onClick={() => {
+              openSnapshotInEditor();
+            }}
+          />
+        </Tooltip>
       </ActionPanel>
     </Container>
   );

ui/test-file/summary/open-snap-in-editor.gql

@@ -0,0 +1,3 @@
+mutation OpenSnapInEditor($path: String!) {
+  openSnapInEditor(path: $path)
+}