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