Index: polymer_1.0.4/bower_components/paper-input/test/paper-textarea.html |
diff --git a/polymer_1.0.4/bower_components/paper-input/test/paper-textarea.html b/polymer_1.0.4/bower_components/paper-input/test/paper-textarea.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7371a778d501a06cf30bb241811aea571e1e5bdb |
--- /dev/null |
+++ b/polymer_1.0.4/bower_components/paper-input/test/paper-textarea.html |
@@ -0,0 +1,200 @@ |
+<!doctype html> |
+<!-- |
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
+Code distributed by Google as part of the polymer project is also |
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
+--> |
+<html> |
+<head> |
+ |
+ <title>paper-textarea tests</title> |
+ |
+ <meta charset="utf-8"> |
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> |
+ |
+ <script src="../../webcomponentsjs/webcomponents-lite.js"></script> |
+ |
+ <script src="../../web-component-tester/browser.js"></script> |
+ <script src="../../test-fixture/test-fixture-mocha.js"></script> |
+ |
+ <script src="../../iron-test-helpers/test-helpers.js"></script> |
+ |
+ <link rel="import" href="../../test-fixture/test-fixture.html"> |
+ <link rel="import" href="../paper-textarea.html"> |
+ |
+</head> |
+<body> |
+ |
+ <test-fixture id="basic"> |
+ <template> |
+ <paper-textarea></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="label"> |
+ <template> |
+ <paper-textarea label="foo"></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="char-counter"> |
+ <template> |
+ <paper-textarea char-counter></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="required"> |
+ <template> |
+ <paper-textarea auto-validate required error-message="error"></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="required-char-counter"> |
+ <template> |
+ <paper-textarea auto-validate char-counter required error-message="error"></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <test-fixture id="always-float-label"> |
+ <template> |
+ <paper-textarea always-float-label label="label"></paper-textarea> |
+ </template> |
+ </test-fixture> |
+ |
+ <script> |
+ |
+ suite('basic', function() { |
+ |
+ test('setting value sets the input value', function() { |
+ var input = fixture('basic'); |
+ input.value = 'foobar'; |
+ assert.equal(input.inputElement.bindValue, input.value, 'inputElement value equals input.value'); |
+ }); |
+ |
+ test('empty required input shows error', function() { |
+ var input = fixture('required'); |
+ forceXIfStamp(input); |
+ var error = Polymer.dom(input.root).querySelector('paper-input-error'); |
+ assert.ok(error, 'paper-input-error exists'); |
+ assert.notEqual(getComputedStyle(error).display, 'none', 'error is not display:none'); |
+ }); |
+ |
+ test('caret position is preserved', function() { |
+ var input = fixture('basic'); |
+ var ironTextarea = Polymer.dom(input.root).querySelector('iron-autogrow-textarea'); |
+ input.value = 'nananana'; |
+ ironTextarea.selectionStart = 2; |
+ ironTextarea.selectionEnd = 2; |
+ |
+ input.updateValueAndPreserveCaret('nanananabatman'); |
+ |
+ assert.equal(ironTextarea.selectionStart, 2, 'selectionStart is preserved'); |
+ assert.equal(ironTextarea.selectionEnd, 2, 'selectionEnd is preserved'); |
+ }); |
+ |
+ test('input attributes are bound to textarea', function() { |
+ var input = fixture('basic'); |
+ var attrs = { |
+ 'autocomplete': 'true', |
+ 'autofocus': true, |
+ 'inputmode': 'number', |
+ 'name': 'foo', |
+ 'placeholder': 'bar', |
+ 'readonly': true, |
+ 'required': true, |
+ 'maxlength': 3 |
+ }; |
+ for (var attr in attrs) { |
+ input[attr] = attrs[attr]; |
+ } |
+ for (var attr in attrs) { |
+ var inputAttr = input.inputElement.getAttribute(attr); |
+ if (typeof attrs[attr] === 'boolean') { |
+ assert.equal(inputAttr !== null, attrs[attr], 'attribute "' + attr + '" is equal to property (' + attrs[attr] + ', ' + inputAttr !== null + ')'); |
+ } else { |
+ assert.equal(inputAttr, attrs[attr], 'attribute "' + attr + '" is equal to property (' + attrs[attr] + ', ' + inputAttr + ')'); |
+ } |
+ } |
+ }); |
+ |
+ test('always-float-label attribute works', function() { |
+ var input = fixture('always-float-label'); |
+ var container = Polymer.dom(input.root).querySelector('paper-input-container'); |
+ var inputContent = Polymer.dom(container.root).querySelector('.input-content'); |
+ assert.isTrue(inputContent.classList.contains('label-is-floating'), 'label is floating'); |
+ }); |
+ |
+ }); |
+ |
+ suite('focus/blur events', function() { |
+ var input; |
+ |
+ setup(function() { |
+ input = fixture('basic'); |
+ }); |
+ |
+ test('focus/blur events fired on host element', function(done) { |
+ var nFocusEvents = 0; |
+ var nBlurEvents = 0; |
+ input.addEventListener('focus', function() { |
+ nFocusEvents += 1; |
+ // setTimeout to wait for potentially more, erroneous events |
+ setTimeout(function() { |
+ assert.equal(nFocusEvents, 1, 'one focus event fired'); |
+ input.inputElement.textarea.blur(); |
+ }); |
+ }); |
+ input.addEventListener('blur', function() { |
+ nBlurEvents += 1; |
+ // setTimeout to wait for potentially more, erroneous events |
+ setTimeout(function() { |
+ assert.equal(nBlurEvents, 1, 'one blur event fired'); |
+ done(); |
+ }); |
+ }); |
+ input.inputElement.textarea.focus(); |
+ }); |
+ |
+ }); |
+ |
+ suite('a11y', function() { |
+ |
+ test('has aria-labelledby', function() { |
+ var input = fixture('label'); |
+ assert.isTrue(input.inputElement.textarea.hasAttribute('aria-labelledby')) |
+ assert.equal(input.inputElement.textarea.getAttribute('aria-labelledby'), Polymer.dom(input.root).querySelector('label').id, 'aria-labelledby points to the label'); |
+ }); |
+ |
+ test('has aria-describedby for error message', function() { |
+ var input = fixture('required'); |
+ forceXIfStamp(input); |
+ assert.isTrue(input.inputElement.textarea.hasAttribute('aria-describedby')); |
+ assert.equal(input.inputElement.textarea.getAttribute('aria-describedby'), Polymer.dom(input.root).querySelector('paper-input-error').id, 'aria-describedby points to the error message'); |
+ }); |
+ |
+ test('has aria-describedby for character counter', function() { |
+ var input = fixture('char-counter'); |
+ forceXIfStamp(input); |
+ assert.isTrue(input.inputElement.textarea.hasAttribute('aria-describedby')); |
+ assert.equal(input.inputElement.textarea.getAttribute('aria-describedby'), Polymer.dom(input.root).querySelector('paper-input-char-counter').id, 'aria-describedby points to the character counter'); |
+ }); |
+ |
+ test('has aria-describedby for character counter and error', function() { |
+ var input = fixture('required-char-counter'); |
+ forceXIfStamp(input); |
+ assert.isTrue(input.inputElement.textarea.hasAttribute('aria-describedby')); |
+ assert.equal(input.inputElement.textarea.getAttribute('aria-describedby'), Polymer.dom(input.root).querySelector('paper-input-error').id + ' ' + Polymer.dom(input.root).querySelector('paper-input-char-counter').id, 'aria-describedby points to the error message and character counter'); |
+ }); |
+ |
+ |
+ }); |
+ |
+ |
+ </script> |
+ |
+</body> |
+</html> |