test(docz): add test ids

doczjs · Sep 9, 2019 · f20daf6 · f20daf6
1 parent 405fce0
commit f20daf6
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/core/docz-components/src/components/Playground/index.tsx b/core/docz-components/src/components/Playground/index.tsx
@@ -82,7 +82,7 @@ export const Playground = ({
     },
   };
   return (
-    <Resizable {...resizableProps}>
+    <Resizable {...resizableProps} data-testid="playground">
       <LiveProvider
         code={code}
         scope={scope}
@@ -99,7 +99,9 @@ export const Playground = ({
       >
         <div sx={styles.previewWrapper}>
           <LivePreviewWrapper showingCode={showingCode}>
-            {showLivePreview && <LivePreview sx={styles.preview} />}
+            {showLivePreview && (
+              <LivePreview sx={styles.preview} data-testid="live-preview" />
+            )}
           </LivePreviewWrapper>
           <div sx={styles.buttons}>
             <button sx={styles.button} onClick={() => copy(code)}>
@@ -110,10 +112,12 @@ export const Playground = ({
             </button>
           </div>
         </div>
-        {showLiveError && <LiveError sx={styles.error} />}
+        {showLiveError && (
+          <LiveError sx={styles.error} data-testid="live-error" />
+        )}
         {showingCode && (
           <div sx={styles.editor(theme)}>
-            <LiveEditor />
+            <LiveEditor data-testid="live-editor" />
           </div>
         )}
       </LiveProvider>