mirror of https://github.com/sveltejs/svelte
41 lines
923 B
41 lines
923 B
export default {
|
|
props: {
|
|
visible: false,
|
|
things: [ 'a', 'b', 'c' ]
|
|
},
|
|
|
|
test({ assert, component, target, window, raf }) {
|
|
component.visible = true;
|
|
const divs = target.querySelectorAll('div');
|
|
assert.equal(divs[0].foo, 0);
|
|
assert.equal(divs[1].foo, 0);
|
|
assert.equal(divs[2].foo, 0);
|
|
|
|
raf.tick(50);
|
|
assert.equal(divs[0].foo, 0.5);
|
|
assert.equal(divs[1].foo, 0.5);
|
|
assert.equal(divs[2].foo, 0.5);
|
|
|
|
component.visible = false;
|
|
|
|
raf.tick(70);
|
|
assert.equal(divs[0].foo, 0.7);
|
|
assert.equal(divs[1].foo, 0.7);
|
|
assert.equal(divs[2].foo, 0.7);
|
|
|
|
assert.equal(divs[0].bar, 0.8);
|
|
assert.equal(divs[1].bar, 0.8);
|
|
assert.equal(divs[2].bar, 0.8);
|
|
|
|
component.visible = true;
|
|
|
|
raf.tick(100);
|
|
assert.equal(divs[0].foo, 0.3);
|
|
assert.equal(divs[1].foo, 0.3);
|
|
assert.equal(divs[2].foo, 0.3);
|
|
|
|
assert.equal(divs[0].bar, 1);
|
|
assert.equal(divs[1].bar, 1);
|
|
assert.equal(divs[2].bar, 1);
|
|
}
|
|
}; |