Update event modifiers tests.

pull/5086/head
Marcin Wicha 5 years ago
parent 8983ff817d
commit 7bb43eb529

@ -12,6 +12,7 @@ import {
run_all, run_all,
safe_not_equal, safe_not_equal,
space, space,
stop_immediate_propagation,
stop_propagation stop_propagation
} from "svelte/internal"; } from "svelte/internal";
@ -22,6 +23,8 @@ function create_fragment(ctx) {
let button1; let button1;
let t3; let t3;
let button2; let button2;
let t5;
let button3;
let mounted; let mounted;
let dispose; let dispose;
@ -36,6 +39,9 @@ function create_fragment(ctx) {
t3 = space(); t3 = space();
button2 = element("button"); button2 = element("button");
button2.textContent = "or me!"; button2.textContent = "or me!";
t5 = space();
button3 = element("button");
button3.textContent = "or me!";
}, },
m(target, anchor) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
@ -44,12 +50,16 @@ function create_fragment(ctx) {
append(div, button1); append(div, button1);
append(div, t3); append(div, t3);
append(div, button2); append(div, button2);
append(div, t5);
append(div, button3);
if (!mounted) { if (!mounted) {
dispose = [ dispose = [
listen(button0, "click", stop_propagation(prevent_default(handleClick))), listen(button0, "click", stop_propagation(prevent_default(handleClick))),
listen(button1, "click", handleClick, { once: true, capture: true }), listen(button1, "click", handleClick, { once: true, capture: true }),
listen(button2, "click", handleClick, true), listen(button2, "click", handleClick, true),
listen(button3, "click", stop_immediate_propagation(handleClick)),
listen(button3, "click", handleTouchstart),
listen(div, "touchstart", handleTouchstart, { passive: true }) listen(div, "touchstart", handleTouchstart, { passive: true })
]; ];
@ -68,11 +78,11 @@ function create_fragment(ctx) {
} }
function handleTouchstart() { function handleTouchstart() {
} // ... } // ...
function handleClick() { function handleClick() {
} // ... } // ...
class Component extends SvelteComponent { class Component extends SvelteComponent {

@ -1,15 +1,22 @@
<script> <script>
function handleTouchstart() { function handleTouchstart() {
// ... // ...
} }
function handleClick() { function handleClick() {
// ... // ...
} }
</script> </script>
<div on:touchstart={handleTouchstart}> <div on:touchstart={handleTouchstart}>
<button on:click|stopPropagation|preventDefault={handleClick}>click me</button> <button on:click|stopPropagation|preventDefault={handleClick}>
<button on:click|once|capture={handleClick}>or me</button> click me
<button on:click|capture={handleClick}>or me!</button> </button>
</div> <button on:click|once|capture={handleClick}>or me</button>
<button on:click|capture={handleClick}>or me!</button>
<button
on:click|stopImmediatePropagation={handleClick}
on:click={handleTouchstart}>
or me!
</button>
</div>

Loading…
Cancel
Save