From eb9d80214693f7fb7c95ab6da546b6d89d33bee6 Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Tue, 30 Oct 2018 09:07:25 +0100
Subject: rename pesudo element in code gutter

---
 packages/dev-tools-pages/ts/components/Code.tsx | 2 +-
 packages/dev-tools-pages/ts/highlight.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx
index 6675422ef..f83d16dfa 100644
--- a/packages/dev-tools-pages/ts/components/Code.tsx
+++ b/packages/dev-tools-pages/ts/components/Code.tsx
@@ -90,7 +90,7 @@ const StyledCodeDiff = styled(({ gutterLength, children, ...props }: any) => <co
         padding-left: calc(2.25rem + ${props => props.gutterLength}ch);
 
         ::before {
-            content: attr(data-test);
+            content: attr(data-gutter);
 
             width: ${props => props.gutterLength};
             padding-left: 0.375rem;
diff --git a/packages/dev-tools-pages/ts/highlight.tsx b/packages/dev-tools-pages/ts/highlight.tsx
index 64c5f9a17..6efba02f8 100644
--- a/packages/dev-tools-pages/ts/highlight.tsx
+++ b/packages/dev-tools-pages/ts/highlight.tsx
@@ -31,7 +31,7 @@ function diffHighlight(language: string, code: any, gutter: any) {
 
             const g = gutter[index];
 
-            return `<span data-test="${g !== undefined ? g + 'x' : ''}" class="line-${type}">${
+            return `<span data-gutter="${g !== undefined ? g + 'x' : ''}" class="line-${type}">${
                 hljs.highlight(language, line).value
             }</span>`;
         })
-- 
cgit v1.2.3