mirror of https://github.com/sveltejs/svelte
feat order attributes + actions too (#4156)
Co-authored-by: Conduitry <git@chor.date>pull/4164/head
parent
709b4d30ff
commit
52dbc882a7
@ -0,0 +1,38 @@
|
||||
const value = [];
|
||||
export default {
|
||||
props: {
|
||||
value,
|
||||
},
|
||||
|
||||
async test({ assert, component, target, window }) {
|
||||
const inputs = target.querySelectorAll('input');
|
||||
|
||||
const event = new window.Event('input');
|
||||
|
||||
for (const input of inputs) {
|
||||
input.value = 'h';
|
||||
await input.dispatchEvent(event);
|
||||
}
|
||||
|
||||
assert.deepEqual(value, [
|
||||
'1',
|
||||
'2',
|
||||
'3',
|
||||
'4',
|
||||
'5',
|
||||
'6',
|
||||
'7',
|
||||
'8',
|
||||
'9',
|
||||
'10',
|
||||
'11',
|
||||
'12',
|
||||
'13',
|
||||
'14',
|
||||
'15',
|
||||
'16',
|
||||
'17',
|
||||
'18',
|
||||
]);
|
||||
},
|
||||
};
|
@ -0,0 +1,34 @@
|
||||
<script>
|
||||
export let value = [];
|
||||
|
||||
function one(elem) { elem.addEventListener('input', () => { value.push('1'); }); }
|
||||
function four(elem) { elem.addEventListener('input', () => { value.push('4'); }); }
|
||||
function eight(elem) { elem.addEventListener('input', () => { value.push('8'); }); }
|
||||
function twelve(elem) { elem.addEventListener('input', () => { value.push('12'); }); }
|
||||
function fifteen(elem) { elem.addEventListener('input', () => { value.push('15'); }); }
|
||||
function seventeen(elem) { elem.addEventListener('input', () => { value.push('17'); }); }
|
||||
|
||||
const foo = {
|
||||
set two(v) { value.push('2'); },
|
||||
set six(v) { value.push('6'); },
|
||||
set nine(v) { value.push('9'); },
|
||||
set eleven(v) { value.push('11'); },
|
||||
set thirteen(v) { value.push('13'); },
|
||||
set sixteen(v) { value.push('16'); },
|
||||
}
|
||||
|
||||
function three() { value.push('3'); }
|
||||
function five() { value.push('5'); }
|
||||
function seven() { value.push('7'); }
|
||||
function ten() { value.push('10'); }
|
||||
function fourteen() { value.push('14'); }
|
||||
function eighteen() { value.push('18'); }
|
||||
|
||||
</script>
|
||||
|
||||
<input use:one bind:value={foo.two} on:input={three} />
|
||||
<input use:four on:input={five} bind:value={foo.six} />
|
||||
<input on:input={seven} use:eight bind:value={foo.nine} />
|
||||
<input on:input={ten} bind:value={foo.eleven} use:twelve />
|
||||
<input bind:value={foo.thirteen} on:input={fourteen} use:fifteen />
|
||||
<input bind:value={foo.sixteen} use:seventeen on:input={eighteen} />
|
Loading…
Reference in new issue