javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

web animation updates

Browse Source
This commit is contained in:
Adam Bradley
2015-06-10 15:31:15 -05:00
parent abcd8af221
commit f6a2c29605
191 changed files with 17692 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
scripts/vendor/web-animations-js/test/js/apply-preserving-inline-style.js vendored Executable file
View File

@ -0,0 +1,72 @@
suite('apply-preserving-inline-style', function() {
setup(function() {
this.element = document.createElement('div');
ensureStyleIsPatched(this.element);
this.style = this.element.style;
document.documentElement.appendChild(this.element);
});
teardown(function() {
document.documentElement.removeChild(this.element);
});
test('Style is patched', function() {
assert(this.element._webAnimationsPatchedStyle);
});
test('Setting animated style', function() {
this.style.left = '0px';
this.element.style._set('left', '100px');
assert.equal(this.style.left, '0px');
});
test('Clearing animated style', function() {
this.style.left = '0px';
this.element.style._set('left', '100px');
this.element.style._clear('left');
assert.equal(this.style.left, '0px');
});
test('Patched length', function() {
this.element.style._set('left', '100px');
this.style.cssText = 'left: 0px; background-color: green;';
assert.equal(this.style.cssText, 'left: 0px; background-color: green;');
assert.equal(this.style.left, '0px');
assert.equal(this.style.backgroundColor, 'green');
assert.equal(this.style.length, 2);
});
test('Patched property getters and setters', function() {
this.style._set('left', '100px');
this.style.left = '0px';
this.style.backgroundColor = 'rgb(1, 2, 3)';
assert.equal(this.style.left, '0px');
assert.equal(this.style.backgroundColor, 'rgb(1, 2, 3)');
assert.equal(getComputedStyle(this.element).left, '100px');
assert.equal(getComputedStyle(this.element).backgroundColor, 'rgb(1, 2, 3)');
});
test('Patched setProperty/getPropertyValue', function() {
this.style._set('left', '100px');
this.style.setProperty('left', '0px');
this.style.setProperty('background-color', 'rgb(1, 2, 3)');
assert.equal(this.style.getPropertyValue('left'), '0px');
assert.equal(this.style.getPropertyValue('background-color'), 'rgb(1, 2, 3)');
assert.equal(getComputedStyle(this.element).left, '100px');
assert.equal(getComputedStyle(this.element).backgroundColor, 'rgb(1, 2, 3)');
});
test('Patched item()', function() {
this.style._set('left', '100px');
this.style.setProperty('left', '0px');
this.style.setProperty('background-color', 'rgb(1, 2, 3)');
assert.equal(this.style.item(0), 'left');
assert.equal(this.style.item(1), 'background-color');
assert.equal(this.style.item(2), '');
this.style.cssText = 'top: 0px';
assert.equal(this.style.item(0), 'top');
assert.equal(this.style.item(1), '');
});
test('Patched cssText', function() {
this.style._set('left', '100px');
assert.equal(this.style.length, 0);
this.style.setProperty('left', '0px');
this.style.setProperty('background-color', 'rgb(1, 2, 3)');
assert.equal(this.style.length, 2);
this.style.cssText = 'top: 0px';
assert.equal(this.style.length, 1);
});
});