mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
697257670c
commit
02ae9ec81e
123 changed files with 13600 additions and 531 deletions
|
@ -21,6 +21,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<script src="../../web-component-tester/browser.js"></script>
|
||||
<script src="../../test-fixture/test-fixture-mocha.js"></script>
|
||||
|
||||
<script src="../../iron-test-helpers/mock-interactions.js"></script>
|
||||
|
||||
<link rel="import" href="../../test-fixture/test-fixture.html">
|
||||
<link rel="import" href="../../iron-input/iron-input.html">
|
||||
<link rel="import" href="../paper-input-container.html">
|
||||
|
@ -141,11 +143,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var label = Polymer.dom(container).querySelector('#l');
|
||||
var input = Polymer.dom(container).querySelector('#i');
|
||||
var inputContent = Polymer.dom(container.root).querySelector('.input-content');
|
||||
input.focus();
|
||||
// 'focus' event isn't firing on windows ff for some reason when you call focus()
|
||||
container._onFocus();
|
||||
MockInteractions.focus(input);
|
||||
requestAnimationFrame(function() {
|
||||
assert.equal(document.activeElement, input, 'input is focused');
|
||||
assert.isTrue(container.focused, 'focused is true');
|
||||
assert.isTrue(inputContent.classList.contains('label-is-highlighted'), 'label is highlighted when input has focus');
|
||||
done();
|
||||
|
@ -157,8 +156,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var label = Polymer.dom(container).querySelector('#l');
|
||||
var input = Polymer.dom(container).querySelector('#i');
|
||||
var inputContent = Polymer.dom(container.root).querySelector('.input-content');
|
||||
input.focus();
|
||||
container._onFocus();
|
||||
MockInteractions.focus(input);
|
||||
requestAnimationFrame(function() {
|
||||
assert.isFalse(inputContent.classList.contains('label-is-highlighted'), 'label is not highlighted when input has focus and has null value');
|
||||
done();
|
||||
|
@ -170,10 +168,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var input = Polymer.dom(container).querySelector('#i');
|
||||
var line = Polymer.dom(container.root).querySelector('.underline');
|
||||
assert.isFalse(line.classList.contains('is-highlighted'), 'line is not highlighted when input is not focused');
|
||||
input.focus();
|
||||
container._onFocus();
|
||||
MockInteractions.focus(input);
|
||||
requestAnimationFrame(function() {
|
||||
assert.equal(document.activeElement, input, 'input is focused');
|
||||
assert.isTrue(line.classList.contains('is-highlighted'), 'line is highlighted when input is focused');
|
||||
done();
|
||||
});
|
||||
|
|
|
@ -52,9 +52,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var container = fixture('auto-validate-numbers');
|
||||
var input = Polymer.dom(container).querySelector('#i');
|
||||
var error = Polymer.dom(container).querySelector('#e');
|
||||
assert.equal(getComputedStyle(error).display, 'none', 'error is display:none');
|
||||
assert.equal(getComputedStyle(error).visibility, 'hidden', 'error is visibility:hidden');
|
||||
input.bindValue = 'foobar';
|
||||
assert.notEqual(getComputedStyle(error).display, 'none', 'error is not display:none');
|
||||
assert.notEqual(getComputedStyle(error).visibility, 'hidden', 'error is not visibility:hidden');
|
||||
});
|
||||
|
||||
test('error message add on is registered', function() {
|
||||
|
|
|
@ -22,6 +22,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<script src="../../test-fixture/test-fixture-mocha.js"></script>
|
||||
|
||||
<script src="../../iron-test-helpers/test-helpers.js"></script>
|
||||
<script src="../../iron-test-helpers/mock-interactions.js"></script>
|
||||
|
||||
<link rel="import" href="../../test-fixture/test-fixture.html">
|
||||
<link rel="import" href="../paper-input.html">
|
||||
|
@ -42,6 +43,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
</template>
|
||||
</test-fixture>
|
||||
|
||||
<test-fixture id="label-has-value">
|
||||
<template>
|
||||
<paper-input label="foo" value="bar"></paper-input>
|
||||
</template>
|
||||
</test-fixture>
|
||||
|
||||
<test-fixture id="error">
|
||||
<template>
|
||||
<paper-input auto-validate pattern="[0-9]*" value="foobar" error-message="error"></paper-input>
|
||||
|
@ -177,7 +184,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
// setTimeout to wait for potentially more, erroneous events
|
||||
setTimeout(function() {
|
||||
assert.equal(nFocusEvents, 1, 'one focus event fired');
|
||||
input.inputElement.blur();
|
||||
MockInteractions.blur(input.inputElement);
|
||||
});
|
||||
});
|
||||
input.addEventListener('blur', function() {
|
||||
|
@ -188,11 +195,28 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
done();
|
||||
});
|
||||
});
|
||||
input.inputElement.focus();
|
||||
MockInteractions.focus(input.inputElement);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
suite('focused styling (integration test)', function() {
|
||||
|
||||
test('underline is colored when input is focused', function(done) {
|
||||
var input = fixture('basic');
|
||||
var container = Polymer.dom(input.root).querySelector('paper-input-container');
|
||||
var line = Polymer.dom(container.root).querySelector('.underline');
|
||||
assert.isFalse(line.classList.contains('is-highlighted'), 'line is not highlighted when input is not focused');
|
||||
MockInteractions.focus(input.inputElement);
|
||||
requestAnimationFrame(function() {
|
||||
assert.isTrue(line.classList.contains('is-highlighted'), 'line is highlighted when input is focused');
|
||||
done();
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
suite('validation', function() {
|
||||
|
||||
test('invalid attribute updated after calling validate()', function() {
|
||||
|
|
|
@ -22,6 +22,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
<script src="../../test-fixture/test-fixture-mocha.js"></script>
|
||||
|
||||
<script src="../../iron-test-helpers/test-helpers.js"></script>
|
||||
<script src="../../iron-test-helpers/mock-interactions.js"></script>
|
||||
|
||||
<link rel="import" href="../../test-fixture/test-fixture.html">
|
||||
<link rel="import" href="../paper-textarea.html">
|
||||
|
@ -140,23 +141,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
test('focus/blur events fired on host element', function(done) {
|
||||
var nFocusEvents = 0;
|
||||
var nBlurEvents = 0;
|
||||
input.addEventListener('focus', function() {
|
||||
input.addEventListener('focus', function(event) {
|
||||
nFocusEvents += 1;
|
||||
// setTimeout to wait for potentially more, erroneous events
|
||||
setTimeout(function() {
|
||||
assert.equal(nFocusEvents, 1, 'one focus event fired');
|
||||
input.inputElement.textarea.blur();
|
||||
});
|
||||
MockInteractions.blur(input.inputElement.textarea);
|
||||
});
|
||||
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();
|
||||
});
|
||||
assert.isTrue(nFocusEvents >= 1, 'focus event fired');
|
||||
assert.isTrue(nBlurEvents >= 1, 'blur event fired');
|
||||
done();
|
||||
});
|
||||
input.inputElement.textarea.focus();
|
||||
MockInteractions.focus(input.inputElement.textarea);
|
||||
});
|
||||
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue