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> |