mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1021 B
54 lines
1021 B
4 years ago
|
export default {
|
||
|
props: {
|
||
|
things: ['a', 'b', 'c']
|
||
|
},
|
||
|
|
||
|
test({ assert, component, target, window, raf }) {
|
||
|
component.things = [];
|
||
|
let div = target.querySelector('div');
|
||
|
assert.equal(div.foo, 0);
|
||
|
|
||
|
raf.tick(200);
|
||
|
assert.equal(div.foo, 0.5);
|
||
|
|
||
|
raf.tick(300);
|
||
|
assert.equal(div.foo, 0.75);
|
||
|
|
||
|
raf.tick(400);
|
||
|
assert.equal(div.foo, 1);
|
||
|
|
||
|
raf.tick(600);
|
||
|
component.things = ['a', 'b', 'c'];
|
||
|
|
||
|
raf.tick(700);
|
||
|
assert.equal(div.foo, 1);
|
||
|
assert.equal(div.bar, 0.75);
|
||
|
|
||
|
raf.tick(800);
|
||
|
assert.equal(div.foo, 1);
|
||
|
assert.equal(div.bar, 0.5);
|
||
|
|
||
|
raf.tick(900);
|
||
|
assert.equal(div.foo, 1);
|
||
|
assert.equal(div.bar, 0.25);
|
||
|
|
||
|
// test outro before intro complete
|
||
|
raf.tick(1000);
|
||
|
component.things = [];
|
||
|
div = target.querySelector('div');
|
||
|
|
||
|
raf.tick(1200);
|
||
|
assert.equal(div.foo, 0.5);
|
||
|
|
||
|
component.things = ['a', 'b', 'c'];
|
||
|
raf.tick(1300);
|
||
|
assert.equal(div.foo, 0.75);
|
||
|
assert.equal(div.bar, 0.75);
|
||
|
|
||
|
raf.tick(1400);
|
||
|
assert.equal(div.foo, 1);
|
||
|
assert.equal(div.bar, 0.5);
|
||
|
|
||
|
raf.tick(2000);
|
||
|
}
|
||
|
};
|