msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

remove expectations for raf.tick(0)

Browse Source
pull/4742/head
pushkine 5 years ago
parent 48298db60e
commit b4a7c7eb15
3 changed files with 33 additions and 42 deletions
Show Stats Download Patch File Download Diff File

34
test/runtime/samples/animation-js-delay/_config.js
Unescape View File

@ -5,8 +5,8 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 5, name: 'e' } { id: 5, name: 'e' },
] ],
}, },
html: ` html: `
@ -19,8 +19,8 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
let divs = document.querySelectorAll('div'); let divs = document.querySelectorAll('div');
divs.forEach(div => { divs.forEach((div) => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function () {
const index = [...this.parentNode.children].indexOf(this); const index = [...this.parentNode.children].indexOf(this);
const top = index * 30; const top = index * 30;
@ -28,33 +28,31 @@ export default {
left: 0, left: 0,
right: 100, right: 100,
top, top,
bottom: top + 20 bottom: top + 20,
}; };
}; };
}); });
component.things = [ component.things = [
{ id: 5, name: 'e' }, { id: 5, name: 'e' }, // 0 delay
{ id: 2, name: 'b' }, { id: 2, name: 'b' }, // 10 delay
{ id: 3, name: 'c' }, { id: 3, name: 'c' }, // 20 delay
{ id: 4, name: 'd' }, { id: 4, name: 'd' }, // 30 delay
{ id: 1, name: 'a' } { id: 1, name: 'a' }, // 40 delay
]; ];
divs = document.querySelectorAll('div'); divs = document.querySelectorAll('div');
assert.equal(divs[0].dy, 120);
assert.equal(divs[4].dy, -120);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].dy, 108); assert.equal(divs[0].dy, 60);
assert.equal(divs[4].dy, -60); assert.equal(divs[4].dy, -108);
raf.tick(100); raf.tick(100);
assert.equal(divs[0].dy, 48); assert.equal(divs[0].dy, 0);
assert.equal(divs[4].dy, 0); assert.equal(divs[4].dy, -48);
raf.tick(150); raf.tick(150);
assert.equal(divs[0].dy, 0); assert.equal(divs[0].dy, 0);
assert.equal(divs[4].dy, 0); assert.equal(divs[4].dy, 0);
} },
}; };

18
test/runtime/samples/animation-js-easing/_config.js
Unescape View File

@ -5,8 +5,8 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 5, name: 'e' } { id: 5, name: 'e' },
] ],
}, },
html: ` html: `
@ -19,8 +19,8 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
let divs = document.querySelectorAll('div'); let divs = document.querySelectorAll('div');
divs.forEach(div => { divs.forEach((div) => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function () {
const index = [...this.parentNode.children].indexOf(this); const index = [...this.parentNode.children].indexOf(this);
const top = index * 30; const top = index * 30;
@ -28,7 +28,7 @@ export default {
left: 0, left: 0,
right: 100, right: 100,
top, top,
bottom: top + 20 bottom: top + 20,
}; };
}; };
}); });
@ -38,12 +38,10 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 1, name: 'a' } { id: 1, name: 'a' },
]; ];
divs = document.querySelectorAll('div'); divs = document.querySelectorAll('div');
assert.equal(divs[0].dy, 120);
assert.equal(divs[4].dy, -120);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].dy, 60); assert.equal(divs[0].dy, 60);
@ -52,5 +50,5 @@ export default {
raf.tick(100); raf.tick(100);
assert.equal(divs[0].dy, 0); assert.equal(divs[0].dy, 0);
assert.equal(divs[4].dy, 0); assert.equal(divs[4].dy, 0);
} },
}; };

23
test/runtime/samples/animation-js/_config.js
Unescape View File

@ -5,8 +5,8 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 5, name: 'e' } { id: 5, name: 'e' },
] ],
}, },
html: ` html: `
@ -19,8 +19,8 @@ export default {
test({ assert, component, target, window, raf }) { test({ assert, component, target, window, raf }) {
let divs = document.querySelectorAll('div'); let divs = document.querySelectorAll('div');
divs.forEach(div => { divs.forEach((div) => {
div.getBoundingClientRect = function() { div.getBoundingClientRect = function () {
const index = [...this.parentNode.children].indexOf(this); const index = [...this.parentNode.children].indexOf(this);
const top = index * 30; const top = index * 30;
@ -28,7 +28,7 @@ export default {
left: 0, left: 0,
right: 100, right: 100,
top, top,
bottom: top + 20 bottom: top + 20,
}; };
}; };
}); });
@ -38,12 +38,10 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 1, name: 'a' } { id: 1, name: 'a' },
]; ];
divs = document.querySelectorAll('div'); divs = document.querySelectorAll('div');
assert.equal(divs[0].dy, 120);
assert.equal(divs[4].dy, -120);
raf.tick(50); raf.tick(50);
assert.equal(divs[0].dy, 60); assert.equal(divs[0].dy, 60);
@ -58,14 +56,11 @@ export default {
{ id: 2, name: 'b' }, { id: 2, name: 'b' },
{ id: 3, name: 'c' }, { id: 3, name: 'c' },
{ id: 4, name: 'd' }, { id: 4, name: 'd' },
{ id: 5, name: 'e' } { id: 5, name: 'e' },
]; ];
divs = document.querySelectorAll('div'); divs = document.querySelectorAll('div');
assert.equal(divs[0].dy, 120);
assert.equal(divs[4].dy, -120);
raf.tick(150); raf.tick(150);
assert.equal(divs[0].dy, 60); assert.equal(divs[0].dy, 60);
assert.equal(divs[4].dy, -60); assert.equal(divs[4].dy, -60);
@ -73,5 +68,5 @@ export default {
raf.tick(200); raf.tick(200);
assert.equal(divs[0].dy, 0); assert.equal(divs[0].dy, 0);
assert.equal(divs[4].dy, 0); assert.equal(divs[4].dy, 0);
} },
}; };

Write Preview
Loading…
Cancel
Save