WIP - Pinpoint - New Page.

third_party/polymer/components/paper-input/test/paper-input-container.html

Index: third_party/polymer/components/paper-input/test/paper-input-container.html
diff --git a/third_party/polymer/components/paper-input/test/paper-input-container.html b/third_party/polymer/components/paper-input/test/paper-input-container.html
index caa3a3ee8f8a69b8af3f5da8d80b21ba4cd95cf5..6af730d2d79176fb03d4fcb7243931cae870f5a8 100644
--- a/third_party/polymer/components/paper-input/test/paper-input-container.html
+++ b/third_party/polymer/components/paper-input/test/paper-input-container.html
@@ -103,6 +103,15 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     </template>
   </test-fixture>
 
+  <test-fixture id="required-validate">
+    <template>
+      <paper-input-container>
+        <label id="l">label</label>
+        <input is="iron-input" id="i" required>
+      </paper-input-container>
+    </template>
+  </test-fixture>
+
   <letters-only></letters-only>
 
   <test-fixture id="auto-validate-validator">
@@ -244,6 +253,18 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         });
       });
 
+      test('focused class added to input content', function(done) {
+        var container = fixture('basic');
+        var input = Polymer.dom(container).querySelector('#i');
+        var inputContent = Polymer.dom(container.root).querySelector('.input-content');
+        assert.isFalse(inputContent.classList.contains('focused'), 'input content does not have class "focused" when input is not focused');
+        MockInteractions.focus(input);
+        requestAnimationFrame(function() {
+          assert.isTrue(inputContent.classList.contains('focused'), 'input content has class "focused" when input is focused');
+          done();
+        });
+      });
+
     });
 
     suite('validation', function() {
@@ -294,6 +315,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         assert.isTrue(line.classList.contains('is-invalid'), 'underline has invalid styling when input is invalid');
       });
 
+      test('styled when the input is manually validated and required', function() {
+        var container = fixture('required-validate');
+        var input = Polymer.dom(container).querySelector('#i');
+        var inputContent = Polymer.dom(container.root).querySelector('.input-content');
+        assert.isFalse(container.invalid, 'invalid is false');
+        input.validate();
+        assert.isTrue(container.invalid, 'invalid is true');
+        assert.isTrue(inputContent.classList.contains('is-invalid'), 'input content has is-invalid class');
+      });
+
     });
 
   </script>