mirror of https://github.com/sveltejs/svelte
only set ref to null when tearing down if it is still current – closes #24
parent
4d842ab8a2
commit
c1d230d625
@ -0,0 +1,23 @@
|
|||||||
|
export default {
|
||||||
|
data: {
|
||||||
|
x: true
|
||||||
|
},
|
||||||
|
|
||||||
|
html: '<canvas data-x="true"></canvas>',
|
||||||
|
|
||||||
|
test ( assert, component, target ) {
|
||||||
|
let canvas = target.querySelector( 'canvas' );
|
||||||
|
assert.equal( canvas, component.refs.foo );
|
||||||
|
assert.equal( canvas.getAttribute( 'data-x' ), 'true' );
|
||||||
|
|
||||||
|
component.set({ x: false });
|
||||||
|
canvas = target.querySelector( 'canvas' );
|
||||||
|
assert.equal( canvas, component.refs.foo );
|
||||||
|
assert.equal( canvas.getAttribute( 'data-x' ), 'false' );
|
||||||
|
|
||||||
|
component.set({ x: true });
|
||||||
|
canvas = target.querySelector( 'canvas' );
|
||||||
|
assert.equal( canvas, component.refs.foo );
|
||||||
|
assert.equal( canvas.getAttribute( 'data-x' ), 'true' );
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,5 @@
|
|||||||
|
{{#if x}}
|
||||||
|
<canvas ref:foo data-x='true'></canvas>
|
||||||
|
{{else}}
|
||||||
|
<canvas ref:foo data-x='false'></canvas>
|
||||||
|
{{/if}}
|
Loading…
Reference in new issue