test(visual): add test case for group wrapping

vaadin · Jun 11, 2019 · 6c099d0 · 6c099d0
1 parent 1ff7c57
commit 6c099d0
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 0 deletions.
diff --git a/test/visual/screens/vaadin-radio-button/wrapping-tests-lumo/wrapping/chrome.png b/test/visual/screens/vaadin-radio-button/wrapping-tests-lumo/wrapping/chrome.png
diff --git a/test/visual/screens/vaadin-radio-button/wrapping-tests-lumo/wrapping/firefox.png b/test/visual/screens/vaadin-radio-button/wrapping-tests-lumo/wrapping/firefox.png
diff --git a/.../visual/screens/vaadin-radio-button/wrapping-tests-material/wrapping/chrome.png b/.../visual/screens/vaadin-radio-button/wrapping-tests-material/wrapping/chrome.png
diff --git a/...visual/screens/vaadin-radio-button/wrapping-tests-material/wrapping/firefox.png b/...visual/screens/vaadin-radio-button/wrapping-tests-material/wrapping/firefox.png
diff --git a/test/visual/test.js b/test/visual/test.js
@@ -24,6 +24,13 @@ gemini.suite('vaadin-radio-button', function(rootSuite) {
           });
         });
     });
+
+    gemini.suite(`wrapping-tests-${theme}`, function(suite) {
+      suite
+        .setUrl(`wrapping.html?theme=${theme}`)
+        .setCaptureElements('#wrapping-tests')
+        .capture('wrapping');
+    });
   });
 
 });
diff --git a/test/visual/wrapping.html b/test/visual/wrapping.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+
+<head lang="en">
+  <meta charset="UTF-8">
+  <title></title>
+  <script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-radio-button.html">`);
+    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-radio-group.html">`);
+  </script>
+</head>
+
+<body>
+
+  <div id="wrapping-tests" style="width: 320px; padding: 6px;">
+    <vaadin-radio-group label="Choose a number">
+      <vaadin-radio-button value="1">Radio button 1</vaadin-radio-button>
+      <vaadin-radio-button value="2">Radio button 2</vaadin-radio-button>
+      <vaadin-radio-button value="3">Radio button 3</vaadin-radio-button>
+      <vaadin-radio-button value="4">Radio button 4</vaadin-radio-button>
+    </vaadin-radio-group>
+  </div>
+
+</body>