Add visual tests and screenshots

vaadin · Nov 29, 2018 · 601f76a · 601f76a
1 parent 29ca51f
commit 601f76a
Show file tree

Hide file tree

Showing 15 changed files with 87 additions and 0 deletions.
diff --git a/...t-field/password-field-custom-input-lumo/password-field-custom-input/chrome.png b/...t-field/password-field-custom-input-lumo/password-field-custom-input/chrome.png
diff --git a/...-field/password-field-custom-input-lumo/password-field-custom-input/firefox.png b/...-field/password-field-custom-input-lumo/password-field-custom-input/firefox.png
diff --git a/...eld/password-field-custom-input-material/password-field-custom-input/chrome.png b/...eld/password-field-custom-input-material/password-field-custom-input/chrome.png
diff --git a/...ld/password-field-custom-input-material/password-field-custom-input/firefox.png b/...ld/password-field-custom-input-material/password-field-custom-input/firefox.png
diff --git a/...-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/chrome.png b/...-text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/chrome.png
diff --git a/...text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/firefox.png b/...text-field/text-area-custom-textarea-lumo/text-area-custom-textarea/firefox.png
diff --git a/...t-field/text-area-custom-textarea-material/text-area-custom-textarea/chrome.png b/...t-field/text-area-custom-textarea-material/text-area-custom-textarea/chrome.png
diff --git a/...-field/text-area-custom-textarea-material/text-area-custom-textarea/firefox.png b/...-field/text-area-custom-textarea-material/text-area-custom-textarea/firefox.png
diff --git a/...adin-text-field/text-field-custom-input-lumo/text-field-custom-input/chrome.png b/...adin-text-field/text-field-custom-input-lumo/text-field-custom-input/chrome.png
diff --git a/...din-text-field/text-field-custom-input-lumo/text-field-custom-input/firefox.png b/...din-text-field/text-field-custom-input-lumo/text-field-custom-input/firefox.png
diff --git a/...-text-field/text-field-custom-input-material/text-field-custom-input/chrome.png b/...-text-field/text-field-custom-input-material/text-field-custom-input/chrome.png
diff --git a/...text-field/text-field-custom-input-material/text-field-custom-input/firefox.png b/...text-field/text-field-custom-input-material/text-field-custom-input/firefox.png
diff --git a/test/visual/vaadin-password-field/password-field-custom-input.html b/test/visual/vaadin-password-field/password-field-custom-input.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<head lang="en">
+  <meta charset="UTF-8">
+  <title></title>
+  <script src="../../../../webcomponentsjs/webcomponents-loader.js"></script>
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../../theme/${theme}/vaadin-password-field.html">`);
+
+    window.addEventListener('WebComponentsReady', function() {
+      customElements.whenDefined('vaadin-password-field').then(function() {
+        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
+        window.webComponentsAreReady = true; // Checked in gemini before capture callback
+      });
+    });
+  </script>
+  <link href="../common.html" rel="import">
+</head>
+
+<body>
+
+  <fieldset id="password-field-custom-input">
+    <vaadin-password-field value="Foo">
+      <input type="password" slot="input">
+    </vaadin-password-field>
+  </fieldset>
+
+</body>
diff --git a/test/visual/vaadin-text-area/text-area-custom-textarea.html b/test/visual/vaadin-text-area/text-area-custom-textarea.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<head lang="en">
+  <meta charset="UTF-8">
+  <title></title>
+  <script src="../../../../webcomponentsjs/webcomponents-loader.js"></script>
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../../theme/${theme}/vaadin-text-area.html">`);
+
+    window.addEventListener('WebComponentsReady', function() {
+      setTimeout(function() {
+        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
+        window.webComponentsAreReady = true; // Checked in gemini before capture callback
+      });
+    });
+  </script>
+  <link href="../common.html" rel="import">
+</head>
+
+<body>
+
+  <fieldset id="text-area-custom-textarea">
+    <vaadin-text-area value="Foo">
+      <textarea slot="textarea"></textarea>
+    </vaadin-text-area>
+  </fieldset>
+
+</body>
diff --git a/test/visual/vaadin-text-field/text-field-custom-input.html b/test/visual/vaadin-text-field/text-field-custom-input.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<head lang="en">
+  <meta charset="UTF-8">
+  <title></title>
+  <script src="../../../../webcomponentsjs/webcomponents-loader.js"></script>
+  <script>
+    const theme = window.location.search.replace(/.*theme=(\w+).*/, '$1') || 'lumo';
+    document.write(`<link rel="import" href="../../../theme/${theme}/vaadin-text-field.html">`);
+
+    window.addEventListener('WebComponentsReady', function() {
+      setTimeout(function() {
+        window.ShadyDOM && window.ShadyDOM.flush(); // Force DOM composition
+        window.webComponentsAreReady = true; // Checked in gemini before capture callback
+      });
+    });
+  </script>
+  <link href="../common.html" rel="import">
+</head>
+
+<body>
+
+  <fieldset id="text-field-custom-input">
+    <vaadin-text-field value="Foo">
+      <input type="text" slot="input">
+    </vaadin-text-field>
+  </fieldset>
+
+</body>