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.
47 lines
983 B
47 lines
983 B
7 years ago
|
export default {
|
||
|
|
data: {
|
||
|
|
name: 'world'
|
||
|
|
},
|
||
|
|
|
||
|
|
test ( assert, component, target, window ) {
|
||
|
|
global.count = 0;
|
||
|
|
let now = 0;
|
||
|
|
let callback;
|
||
|
|
|
||
|
|
window.performance = { now: () => now };
|
||
|
|
global.requestAnimationFrame = cb => callback = cb;
|
||
|
|
|
||
|
|
component.set({ visible: true });
|
||
|
|
assert.equal( global.count, 1 );
|
||
|
|
const div = target.querySelector( 'div' );
|
||
|
|
assert.equal( div.foo, 0 );
|
||
|
|
|
||
|
|
now = 300;
|
||
|
|
callback();
|
||
|
|
component.set({ name: 'everybody' });
|
||
|
|
assert.equal( div.foo, 0.75 );
|
||
|
|
assert.htmlEqual( div.innerHTML, 'hello everybody!' );
|
||
|
|
|
||
|
|
component.set({ visible: false, name: 'again' });
|
||
|
|
assert.htmlEqual( div.innerHTML, 'hello everybody!' );
|
||
|
|
|
||
|
|
now = 500;
|
||
|
|
callback();
|
||
|
|
assert.equal( div.foo, 0.25 );
|
||
|
|
|
||
|
|
component.set({ visible: true });
|
||
|
|
now = 700;
|
||
|
|
callback();
|
||
|
|
assert.equal( div.foo, 0.75 );
|
||
|
|
assert.htmlEqual( div.innerHTML, 'hello again!' );
|
||
|
|
|
||
|
|
now = 800;
|
||
|
|
callback();
|
||
|
|
assert.equal( div.foo, 1 );
|
||
|
|
|
||
|
|
now = 900;
|
||
|
|
callback();
|
||
|
|
|
||
|
|
component.destroy();
|
||
|
|
}
|
||
|
|
};
|