feat: status indicator in gutter proof-of-concept

Tymek · Jun 26, 2020 · eca8a9a · eca8a9a
1 parent 73de52f
commit eca8a9a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 15 deletions.
diff --git a/images/icons/passing.svg b/images/icons/passing.svg
diff --git a/src/JestExt.ts b/src/JestExt.ts
@@ -50,6 +50,7 @@ export class JestExt {
 
   private jestWorkspace: ProjectWorkspace;
   private pluginSettings: PluginResourceSettings;
+  private context: vscode.ExtensionContext;
   private workspaceFolder: vscode.WorkspaceFolder;
   private instanceSettings: InstanceSettings;
 
@@ -82,6 +83,7 @@ export class JestExt {
     instanceSettings: InstanceSettings,
     coverageCodeLensProvider: CoverageCodeLensProvider
   ) {
+    this.context = context;
     this.workspaceFolder = workspaceFolder;
     this.jestWorkspace = jestWorkspace;
     this.channel = outputChannel;
@@ -503,7 +505,7 @@ export class JestExt {
   }
 
   private setupDecorators(): void {
-    this.passingItStyle = decorations.passingItName();
+    this.passingItStyle = decorations.passingItName(this.context);
     this.failingItStyle = decorations.failingItName();
     this.skipItStyle = decorations.skipItName();
     this.unknownItStyle = decorations.notRanItName();

diff --git a/src/decorations.ts b/src/decorations.ts
@@ -1,4 +1,10 @@
-import { window, OverviewRulerLane, DecorationRangeBehavior } from 'vscode';
+import {
+  window,
+  OverviewRulerLane,
+  DecorationRangeBehavior,
+  ExtensionContext,
+  TextEditorDecorationType,
+} from 'vscode';
 
 export function failingItName() {
   return window.createTextEditorDecorationType({
@@ -40,22 +46,11 @@ export function skipItName() {
   });
 }
 
-export function passingItName() {
+export function passingItName(context: ExtensionContext): TextEditorDecorationType {
   return window.createTextEditorDecorationType({
     overviewRulerColor: 'green',
     overviewRulerLane: OverviewRulerLane.Left,
-    light: {
-      before: {
-        color: '#3BB26B',
-        contentText: '✔ ',
-      },
-    },
-    dark: {
-      before: {
-        color: '#2F8F51',
-        contentText: '✔ ',
-      },
-    },
+    gutterIconPath: context.asAbsolutePath('images/icons/passing.svg'),
     rangeBehavior: DecorationRangeBehavior.ClosedClosed,
   });
 }