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