Added visual tests for Material theme.

vaadin · Aug 28, 2018 · ede98de · ede98de
1 parent 6aeea19
commit ede98de
Show file tree

Hide file tree

Showing 12 changed files with 21 additions and 14 deletions.
diff --git a/test/visual/customized.html b/test/visual/customized.html
@@ -3,7 +3,10 @@
 <head lang="en">
   <meta charset="UTF-8">
   <script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
-  <link href="../../vaadin-split-layout.html" rel="import">
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-split-layout.html">`);
+  </script>
 </head>
 
 <body>

diff --git a/test/visual/default.html b/test/visual/default.html
@@ -3,7 +3,10 @@
 <head lang="en">
   <meta charset="UTF-8">
   <script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
-  <link href="../../vaadin-split-layout.html" rel="import">
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../theme/${theme}/vaadin-split-layout.html">`);
+  </script>
 
   <style is="custom-style">
     vaadin-split-layout {

diff --git a/...t-layout/customized/customized/chrome.png → ...out/customized-lumo/customized/chrome.png b/...t-layout/customized/customized/chrome.png → ...out/customized-lumo/customized/chrome.png
diff --git a/...-layout/customized/customized/firefox.png → ...ut/customized-lumo/customized/firefox.png b/...-layout/customized/customized/firefox.png → ...ut/customized-lumo/customized/firefox.png
diff --git a/test/visual/screens/vaadin-split-layout/customized-material/customized/chrome.png b/test/visual/screens/vaadin-split-layout/customized-material/customized/chrome.png
diff --git a/test/visual/screens/vaadin-split-layout/customized-material/customized/firefox.png b/test/visual/screens/vaadin-split-layout/customized-material/customized/firefox.png
diff --git a/test/visual/screens/vaadin-split-layout/default-lumo/default/chrome.png b/test/visual/screens/vaadin-split-layout/default-lumo/default/chrome.png
diff --git a/...-split-layout/default/default/firefox.png → ...t-layout/default-lumo/default/firefox.png b/...-split-layout/default/default/firefox.png → ...t-layout/default-lumo/default/firefox.png
diff --git a/test/visual/screens/vaadin-split-layout/default-material/default/chrome.png b/test/visual/screens/vaadin-split-layout/default-material/default/chrome.png
diff --git a/test/visual/screens/vaadin-split-layout/default-material/default/firefox.png b/test/visual/screens/vaadin-split-layout/default-material/default/firefox.png
diff --git a/test/visual/screens/vaadin-split-layout/default/default/chrome.png b/test/visual/screens/vaadin-split-layout/default/default/chrome.png
diff --git a/test/visual/test.js b/test/visual/test.js
@@ -13,19 +13,20 @@ gemini.suite('vaadin-split-layout', function(rootSuite) {
   rootSuite
     .before(wait)
     .after(goToAboutBlank);
+  ['lumo', 'material'].forEach(theme => {
+    gemini.suite(`default-${theme}`, function(suite) {
+      suite
+        .setUrl(`default.html?theme=${theme}`)
+        .setCaptureElements('#default')
+        .capture('default');
+    });
 
-  gemini.suite('default', function(suite) {
-    suite
-      .setUrl('default.html')
-      .setCaptureElements('#default')
-      .capture('default');
-  });
-
-  gemini.suite('customized', function(suite) {
-    suite
-      .setUrl('customized.html')
-      .setCaptureElements('#customized')
-      .capture('customized');
+    gemini.suite(`customized-${theme}`, function(suite) {
+      suite
+        .setUrl(`customized.html?theme=${theme}`)
+        .setCaptureElements('#customized')
+        .capture('customized');
+    });
   });
 
 });