mirror of https://github.com/sveltejs/svelte
parent
f9ca419bdb
commit
8a7d3cd259
@ -0,0 +1,15 @@
|
||||
export default {
|
||||
props: { text: "first" },
|
||||
test({ assert, target, component }) {
|
||||
assert.htmlEqual(target.innerHTML, "<button>first</button>");
|
||||
component.text = "second";
|
||||
assert.htmlEqual(target.innerHTML, "<button>second</button>");
|
||||
let last_text;
|
||||
component.text = "third";
|
||||
component.on_destroy = (text) => {
|
||||
last_text = text;
|
||||
};
|
||||
component.$destroy();
|
||||
assert.equal(last_text, "third");
|
||||
},
|
||||
};
|
@ -0,0 +1,18 @@
|
||||
<script>
|
||||
export let on_destroy;
|
||||
export let text;
|
||||
function tooltip(node, text) {
|
||||
node.textContent = text;
|
||||
return {
|
||||
node,
|
||||
update(text) {
|
||||
this.node.textContent = text;
|
||||
},
|
||||
destroy() {
|
||||
on_destroy(this.node.textContent);
|
||||
},
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<button use:tooltip={text} />
|
Loading…
Reference in new issue