another failing test

pull/1758/head
Rich Harris 8 years ago
parent 7d356e1b9e
commit 58d09426fe

@ -0,0 +1,41 @@
export default {
nestedTransitions: true,
data: {
x: false,
y: true
},
test(assert, component, target, window, raf) {
component.set({ x: true });
let div = target.querySelector('div');
assert.equal(div.foo, undefined);
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
raf.tick(50);
assert.equal(div.foo, 0.5);
raf.tick(100);
assert.htmlEqual(target.innerHTML, '');
component.set({ x: false, y: true });
assert.htmlEqual(target.innerHTML, '');
component.set({ x: true });
assert.htmlEqual(target.innerHTML, '<div></div>');
div = target.querySelector('div');
component.set({ y: false });
assert.htmlEqual(target.innerHTML, '<div></div>');
raf.tick(120);
assert.equal(div.foo, 0.8);
raf.tick(200);
assert.htmlEqual(target.innerHTML, '');
},
};

@ -0,0 +1,20 @@
{#if x}
{#if y}
<div transition:foo|local></div>
{/if}
{/if}
<script>
export default {
transitions: {
foo(node, params) {
return {
duration: 100,
tick: t => {
node.foo = t;
}
};
}
}
};
</script>
Loading…
Cancel
Save