mirror of https://github.com/sveltejs/svelte
parent
f341befacb
commit
8e368d86a3
@ -0,0 +1,22 @@
|
|||||||
|
export default {
|
||||||
|
html: `
|
||||||
|
<button>click me</button>
|
||||||
|
<p>1</p>
|
||||||
|
<p>2</p>
|
||||||
|
<p>3</p>
|
||||||
|
`,
|
||||||
|
|
||||||
|
async test({ assert, component, target, window }) {
|
||||||
|
const button = target.querySelector('button');
|
||||||
|
const click = new window.MouseEvent('click');
|
||||||
|
|
||||||
|
await button.dispatchEvent(click);
|
||||||
|
|
||||||
|
assert.htmlEqual(target.innerHTML, `
|
||||||
|
<button>click me</button>
|
||||||
|
<p>2</p>
|
||||||
|
<p>4</p>
|
||||||
|
<p>6</p>
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,13 @@
|
|||||||
|
<script>
|
||||||
|
let list = [1, 2, 3];
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<button on:click={event => {
|
||||||
|
list = list.map(item => {
|
||||||
|
return item * 2;
|
||||||
|
});
|
||||||
|
}}>click me</button>
|
||||||
|
|
||||||
|
{#each list as number}
|
||||||
|
<p>{number}</p>
|
||||||
|
{/each}
|
Loading…
Reference in new issue