Visual tweaks for Percy

Shopify · Dec 21, 2018 · 15aedf4 · 15aedf4
1 parent cf9f8cf
commit 15aedf4
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/.storybook/stories-from-readme.js b/.storybook/stories-from-readme.js
@@ -86,17 +86,19 @@ function AllExamplesStoryForReadme(readme) {
   // Prevent false positives in visual regression testing.
   // Set a minimum height so that examples don't shift and triger
   // a failure if an example above them changes height
-  const containerStyle = {minHeight: '720px'};
+  const containerStyle = {
+    minHeight: '720px',
+    borderBottom: '1px solid #000',
+    marginBottom: '8px',
+  };
 
   return (
     <React.Fragment>
       {readme.examples.map((example) => (
-        <React.Fragment key={example.name}>
-          <div style={containerStyle}>
-            <example.Component />
-          </div>
-          <hr />
-        </React.Fragment>
+        <div key={example.name} style={containerStyle}>
+          <Polaris.Heading>{example.name}</Polaris.Heading>
+          <example.Component />
+        </div>
       ))}
     </React.Fragment>
   );