Update event modifiers tests.

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

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

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