Upload Kmake

This commit is contained in:
Gorochu
2026-05-26 23:36:42 -07:00
parent ba051b2f74
commit 555ec72358
41615 changed files with 13344630 additions and 1 deletions

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>non-passive mousewheel event listener on body</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'mousewheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<title>non-passive mousewheel event listener on div</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<style>
html, body {
overflow: hidden;
margin: 0;
}
#div {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
}
</style>
<div class=remove-on-cleanup id=div>
<div style="height: 200vh"></div>
</div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('div'),
eventName: 'mousewheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>non-passive mousewheel event listener on document</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'mousewheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>non-passive mousewheel event listener on root</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'mousewheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>non-passive mousewheel event listener on window</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'mousewheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchmove event listener on body</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'touchmove',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchmove event listener on div</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('touchDiv'),
eventName: 'touchmove',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchmove event listener on document</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'touchmove',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchmove event listener on root</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'touchmove',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<link rel="help" href="https://github.com/WICG/interventions/issues/35">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchstart event listener on body</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchstart event listener on div</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('touchDiv'),
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchstart event listener on document</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchstart event listener on root</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>non-passive touchstart event listener on window</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'touchstart',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>non-passive wheel event listener on body</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'wheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<title>non-passive wheel event listener on div</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<style>
html, body {
overflow: hidden;
margin: 0;
}
#div {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
}
</style>
<div class=remove-on-cleanup id=div>
<div style="height: 200vh"></div>
</div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('div'),
eventName: 'wheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>non-passive wheel event listener on document</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'wheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>non-passive wheel event listener on root</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'wheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>non-passive wheel event listener on window</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'wheel',
passive: false,
expectCancelable: true,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>passive mousewheel event listener on body</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'mousewheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<title>passive mousewheel event listener on div</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<style>
html, body {
overflow: hidden;
margin: 0;
}
#div {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
}
</style>
<div class=remove-on-cleanup id=div>
<div style="height: 200vh"></div>
</div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('div'),
eventName: 'mousewheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>passive mousewheel event listener on document</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'mousewheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>passive mousewheel event listener on root</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'mousewheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<title>passive mousewheel event listener on window</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<link rel="help" href="https://github.com/w3c/uievents/issues/331">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'mousewheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchmove event listener on body</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'touchmove',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchmove event listener on div</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('touchDiv'),
eventName: 'touchmove',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchmove event listener on document</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'touchmove',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchmove event listener on root</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'touchmove',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchmove event listener on window</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchstart event listener on body</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchstart event listener on div</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('touchDiv'),
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchstart event listener on document</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchstart event listener on root</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<title>passive touchstart event listener on window</title>
<link rel="help" href="https://w3c.github.io/touch-events/#cancelability">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/wait-for.js"></script>
<script src="resources/touching.js"></script>
<style>
#touchDiv {
width: 100px;
height: 100px;
}
</style>
<div id="touchDiv"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'touchstart',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>passive wheel event listener on body</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.body,
eventName: 'wheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<title>passive wheel event listener on div</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<style>
html, body {
overflow: hidden;
margin: 0;
}
#div {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: scroll;
}
</style>
<div class=remove-on-cleanup id=div>
<div style="height: 200vh"></div>
</div>
<script>
document.body.onload = () => runTest({
target: document.getElementById('div'),
eventName: 'wheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>passive wheel event listener on document</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document,
eventName: 'wheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>passive wheel event listener on root</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: document.documentElement,
eventName: 'wheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<title>passive wheel event listener on window</title>
<link rel="help" href="https://w3c.github.io/uievents/#cancelability-of-wheel-events">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="resources/scrolling.js"></script>
<div class=remove-on-cleanup style="height: 200vh"></div>
<script>
document.body.onload = () => runTest({
target: window,
eventName: 'wheel',
passive: true,
expectCancelable: false,
});
</script>

View File

@ -0,0 +1,34 @@
function raf() {
return new Promise((resolve) => {
// rAF twice.
window.requestAnimationFrame(() => {
window.requestAnimationFrame(resolve);
});
});
}
async function runTest({target, eventName, passive, expectCancelable}) {
await raf();
let cancelable = null;
let arrived = false;
target.addEventListener(eventName, function (event) {
cancelable = event.cancelable;
arrived = true;
}, {passive:passive, once:true});
promise_test(async (t) => {
t.add_cleanup(() => {
document.querySelector('.remove-on-cleanup')?.remove();
});
const pos_x = Math.floor(window.innerWidth / 2);
const pos_y = Math.floor(window.innerHeight / 2);
const delta_x = 0;
const delta_y = 100;
await new test_driver.Actions()
.scroll(pos_x, pos_y, delta_x, delta_y).send();
await t.step_wait(() => arrived, `Didn't get event ${eventName} on ${target.localName}`);
assert_equals(cancelable, expectCancelable);
});
}

View File

@ -0,0 +1,34 @@
function waitForCompositorCommit() {
return new Promise((resolve) => {
// rAF twice.
window.requestAnimationFrame(() => {
window.requestAnimationFrame(resolve);
});
});
}
function injectInput(touchDiv) {
return new test_driver.Actions()
.addPointer("touch_pointer", "touch")
.pointerMove(0, 0, {origin: touchDiv})
.pointerDown()
.pointerMove(30, 30)
.pointerUp()
.send();
}
function runTest({target, eventName, passive, expectCancelable}) {
let touchDiv = document.getElementById("touchDiv");
let cancelable = null;
let arrived = false;
target.addEventListener(eventName, function (event) {
cancelable = event.cancelable;
arrived = true;
}, {passive});
promise_test(async () => {
await waitForCompositorCommit();
await injectInput(touchDiv);
await waitFor(() => arrived);
assert_equals(cancelable, expectCancelable);
});
}

View File

@ -0,0 +1,15 @@
function waitFor(condition, MAX_FRAME = 500) {
return new Promise((resolve, reject) => {
function tick(frames) {
// We requestAnimationFrame either for MAX_FRAME frames or until condition is
// met.
if (frames >= MAX_FRAME)
reject(new Error(`Condition did not become true after ${MAX_FRAME} frames`));
else if (condition())
resolve();
else
requestAnimationFrame(() => tick(frames + 1));
}
tick(0);
});
}

View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<title>Synthetic events are always cancelable by default</title>
<link rel="help" href="https://dom.spec.whatwg.org/#dictdef-eventinit">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
const eventsMap = {
wheel: 'WheelEvent',
mousewheel: 'WheelEvent',
touchstart: 'TouchEvent',
touchmove: 'TouchEvent',
touchend: 'TouchEvent',
touchcancel: 'TouchEvent',
}
function isCancelable(eventName, interfaceName) {
test(() => {
assert_implements(interfaceName in self, `${interfaceName} should be supported`);
let defaultPrevented = null;
addEventListener(eventName, event => {
event.preventDefault();
defaultPrevented = event.defaultPrevented;
});
const event = new self[interfaceName](eventName);
assert_false(event.cancelable, 'cancelable');
const dispatchEventReturnValue = dispatchEvent(event);
assert_false(defaultPrevented, 'defaultPrevented');
assert_true(dispatchEventReturnValue, 'dispatchEvent() return value');
}, `Synthetic ${eventName} event with interface ${interfaceName} is not cancelable`);
}
for (const eventName in eventsMap) {
isCancelable(eventName, eventsMap[eventName]);
isCancelable(eventName, 'Event');
}
</script>