mirror of https://github.com/sveltejs/svelte
pass params to get_block (#667)
parent
096a2fb93b
commit
8d0ec6e61e
@ -0,0 +1,34 @@
|
|||||||
|
export default {
|
||||||
|
solo: true,
|
||||||
|
|
||||||
|
data: {
|
||||||
|
foo: false,
|
||||||
|
threshold: 5
|
||||||
|
},
|
||||||
|
|
||||||
|
html: `
|
||||||
|
<div>1</div>
|
||||||
|
<div>2</div>
|
||||||
|
<div>3</div>
|
||||||
|
<div>4</div>
|
||||||
|
<div>5</div>
|
||||||
|
`,
|
||||||
|
|
||||||
|
test ( assert, component, target, window, raf ) {
|
||||||
|
const divs = target.querySelectorAll('div');
|
||||||
|
|
||||||
|
raf.tick(100);
|
||||||
|
|
||||||
|
component.set({ threshold: 4 });
|
||||||
|
|
||||||
|
raf.tick( 200 );
|
||||||
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<div>1</div>
|
||||||
|
<div>2</div>
|
||||||
|
<div>3</div>
|
||||||
|
<div>4</div>
|
||||||
|
`);
|
||||||
|
|
||||||
|
component.destroy();
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,26 @@
|
|||||||
|
{{#each [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] as number}}
|
||||||
|
{{#if foo}}
|
||||||
|
{{#if threshold >= number}}
|
||||||
|
<div transition:foo>{{number}}</div>
|
||||||
|
{{/if}}
|
||||||
|
{{else}}
|
||||||
|
{{#if threshold >= number}}
|
||||||
|
<div transition:foo>{{number}}</div>
|
||||||
|
{{/if}}
|
||||||
|
{{/if}}
|
||||||
|
{{/each}}
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
transitions: {
|
||||||
|
foo: function ( node ) {
|
||||||
|
return {
|
||||||
|
duration: 100,
|
||||||
|
tick: t => {
|
||||||
|
node.foo = t;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
Loading…
Reference in new issue