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.
svelte/test/runtime/samples/transition-js-each-block-intro/_config.js

33 lines
759 B

export default {
props: {
things: ['a', 'b', 'c']
},
intro: true,
test({ assert, component, target, raf }) {
let 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.things = ['a', 'b', 'c', 'd'];
divs = target.querySelectorAll('div');
assert.equal(divs[0].foo, 0.5);
assert.equal(divs[1].foo, 0.5);
assert.equal(divs[2].foo, 0.5);
assert.equal(divs[3].foo, 0);
raf.tick(75);
assert.equal(divs[0].foo, 0.75);
assert.equal(divs[1].foo, 0.75);
assert.equal(divs[2].foo, 0.75);
assert.equal(divs[3].foo, 0.25);
}
};