summaryrefslogtreecommitdiffstats
path: root/dom/events/test/pointerevents/wpt
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-05-15 03:35:49 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-05-15 03:35:49 +0000
commitd8bbc7858622b6d9c278469aab701ca0b609cddf (patch)
treeeff41dc61d9f714852212739e6b3738b82a2af87 /dom/events/test/pointerevents/wpt
parentReleasing progress-linux version 125.0.3-1~progress7.99u1. (diff)
downloadfirefox-d8bbc7858622b6d9c278469aab701ca0b609cddf.tar.xz
firefox-d8bbc7858622b6d9c278469aab701ca0b609cddf.zip
Merging upstream version 126.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/events/test/pointerevents/wpt')
-rw-r--r--dom/events/test/pointerevents/wpt/pointerevent_change-touch-action-onpointerdown_touch-manual.html135
-rw-r--r--dom/events/test/pointerevents/wpt/pointerevent_constructor.html106
-rw-r--r--dom/events/test/pointerevents/wpt/pointerevent_pointerId_scope-manual.html82
3 files changed, 0 insertions, 323 deletions
diff --git a/dom/events/test/pointerevents/wpt/pointerevent_change-touch-action-onpointerdown_touch-manual.html b/dom/events/test/pointerevents/wpt/pointerevent_change-touch-action-onpointerdown_touch-manual.html
deleted file mode 100644
index 04d56cb7a5..0000000000
--- a/dom/events/test/pointerevents/wpt/pointerevent_change-touch-action-onpointerdown_touch-manual.html
+++ /dev/null
@@ -1,135 +0,0 @@
-<!doctype html>
-<html>
- <head>
- <title>Change touch-action on pointerdown</title>
- <meta name="viewport" content="width=device-width">
- <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
- <script src="/resources/testharness.js"></script>
- <script src="/resources/testharnessreport.js"></script>
- <script src="pointerevent_support.js"></script>
- <style>
- #target0 {
- background: black;
- width: 700px;
- height: 430px;
- color: white;
- overflow-y: auto;
- overflow-x: auto;
- white-space: nowrap;
- }
- </style>
- </head>
- <body onload="run()">
- <h1>Pointer Events touch-action attribute support</h1>
- <h4>Test Description: Press and hold your touch. Try to scroll text in any direction.
- Then release your touch and try to scroll again. Expected: no panning.
- </h4>
- <p>Note: this test is for touch-devices only</p>
- <div id="target0" style="touch-action: auto;">
- <p>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
- nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
- Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
- lobortis nisl ut aliquip ex ea commodo consequat.
- </p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
- nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
- Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
- lobortis nisl ut aliquip ex ea commodo consequat.
- </p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
- nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
- Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
- lobortis nisl ut aliquip ex ea commodo consequat.
- </p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
- nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
- Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
- lobortis nisl ut aliquip ex ea commodo consequat.
- </p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- <p>Lorem ipsum dolor sit amet...</p>
- </div>
- <script type='text/javascript'>
- var detected_pointertypes = {};
-
- var styleIsChanged = false;
- var scrollIsReceived = false;
- var firstTouchCompleted = false;
- var countToPass = 50;
- var xScr0, yScr0, xScr1, yScr1;
-
- setup({ explicit_done: true });
- add_completion_callback(showPointerTypes);
-
- function run() {
- var target0 = document.getElementById("target0");
-
- on_event(target0, 'scroll', function(event) {
- if(!scrollIsReceived && firstTouchCompleted) {
- test(function() {
- failOnScroll();
- }, "scroll was received while shouldn't");
- scrollIsReceived = true;
- }
- done();
- });
-
- on_event(target0, 'pointerdown', function(event) {
- detected_pointertypes[event.pointerType] = true;
- if(!styleIsChanged) {
- var before = document.getElementById('target0').style.touchAction;
-
- document.getElementById('target0').style.touchAction = 'none';
-
- var after = document.getElementById('target0').style.touchAction;
-
- test(function() {
- assert_true(before != after, "touch-action was changed");
- }, "touch-action was changed");
-
- styleIsChanged = true;
- }
- });
-
- on_event(target0, 'pointerup', function(event) {
- firstTouchCompleted = true;
- });
- }
- </script>
- <h1>touch-action: auto to none</h1>
- <div id="complete-notice">
- <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p>
- </div>
- <div id="log"></div>
- </body>
-</html> \ No newline at end of file
diff --git a/dom/events/test/pointerevents/wpt/pointerevent_constructor.html b/dom/events/test/pointerevents/wpt/pointerevent_constructor.html
deleted file mode 100644
index b2a779d1f7..0000000000
--- a/dom/events/test/pointerevents/wpt/pointerevent_constructor.html
+++ /dev/null
@@ -1,106 +0,0 @@
-<!doctype html>
-<html>
- <head>
- <title>PointerEvent: Constructor test</title>
- <meta name="viewport" content="width=device-width">
- <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
- <script src="/resources/testharness.js"></script>
- <script src="/resources/testharnessreport.js"></script>
- <!-- Additional helper script for common checks across event types -->
- <script type="text/javascript" src="pointerevent_support.js"></script>
- </head>
- <body>
- <h1>PointerEvent: Dispatch custom event</h1>
- <h4>Test Description: This test checks if PointerEvent constructor works properly using synthetic pointerover and pointerout events. For valid results, this test must be run without generating real (trusted) pointerover or pointerout events on the black rectangle below.</h4>
- <div id="target0"></div>
- <script>
- var detected_pointertypes = {};
- add_completion_callback(showPointerTypes);
-
- async_test(function() {
- var target0 = document.getElementById("target0");
- // set values for non-default constructor
- var testBubbles = true;
- var testCancelable = true;
- var testPointerId = 42;
- var testPointerType = 'pen';
- var testClientX = 300;
- var testClientY = 500;
- var testWidth = 3;
- var testHeight = 5;
- var testTiltX = -45;
- var testTiltY = 30;
- var testButton = 0;
- var testButtons = 1;
- var testPressure = 0.4;
- var testIsPrimary = true;
-
- on_event(target0, "pointerover", this.step_func(function(event) {
- detected_pointertypes[ event.pointerType ] = true;
- generate_tests(assert_equals, [
- ["custom bubbles", event.bubbles, testBubbles],
- ["custom cancelable", event.cancelable, testCancelable],
- ["custom pointerId", event.pointerId, testPointerId],
- ["custom pointerType", event.pointerType, testPointerType],
- ["custom button", event.button, testButton],
- ["custom buttons", event.buttons, testButtons],
- ["custom width", event.width, testWidth],
- ["custom height", event.height, testHeight],
- ["custom clientX", event.clientX, testClientX],
- ["custom clientY", event.clientY, testClientY],
- ["custom tiltX", event.tiltX, testTiltX],
- ["custom tiltY", event.tiltY, testTiltY],
- ["custom isPrimary", event.isPrimary, testIsPrimary]
- ]);
- test(function() {
- assert_approx_equals(event.pressure, testPressure, 0.00000001, "custom pressure: ");
- }, "custom pressure: ");
- }));
-
- on_event(target0, "pointerout", this.step_func(function(event) {
- generate_tests(assert_equals, [
- ["default pointerId", event.pointerId, 0],
- ["default pointerType", event.pointerType, ""],
- ["default width", event.width, 1],
- ["default height", event.height, 1],
- ["default tiltX", event.tiltX, 0],
- ["default tiltY", event.tiltY, 0],
- ["default pressure", event.pressure, 0],
- ["default isPrimary", event.isPrimary, false]
- ]);
- }));
-
- on_event(window, "load", this.step_func_done(function() {
- assert_not_equals(window.PointerEvent, undefined);
-
- var pointerEventCustom = new PointerEvent("pointerover",
- {bubbles: testBubbles,
- cancelable: testCancelable,
- pointerId: testPointerId,
- pointerType: testPointerType,
- width: testWidth,
- height: testHeight,
- clientX: testClientX,
- clientY: testClientY,
- tiltX: testTiltX,
- tiltY: testTiltY,
- button: testButton,
- buttons: testButtons,
- pressure: testPressure,
- isPrimary: testIsPrimary
- });
- // A PointerEvent created with a PointerEvent constructor must have all its attributes set to the corresponding values provided to the constructor.
- // For attributes where values are not provided to the constructor, the corresponding default values must be used.
- // TA: 12.1
- target0.dispatchEvent(pointerEventCustom);
- var pointerEventDefault = new PointerEvent("pointerout");
- target0.dispatchEvent(pointerEventDefault);
- }, "PointerEvent constructor"));
- })
- </script>
- <div id="complete-notice">
- <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p>
- </div>
- <div id="log"></div>
- </body>
-</html>
diff --git a/dom/events/test/pointerevents/wpt/pointerevent_pointerId_scope-manual.html b/dom/events/test/pointerevents/wpt/pointerevent_pointerId_scope-manual.html
deleted file mode 100644
index 3640cb6f6b..0000000000
--- a/dom/events/test/pointerevents/wpt/pointerevent_pointerId_scope-manual.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!doctype html>
-<html>
- <!--
-Test cases for Pointer Events v1 spec
-This document references Test Assertions (abbrev TA below) written by Cathy Chan
-http://www.w3.org/wiki/PointerEvents/TestAssertions
--->
- <head>
- <title>Pointer Events pointerdown tests</title>
- <meta name="viewport" content="width=device-width">
- <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
- <script src="/resources/testharness.js"></script>
- <script src="/resources/testharnessreport.js"></script>
- <!-- Additional helper script for common checks across event types -->
- <script type="text/javascript" src="pointerevent_support.js"></script>
- <script>
- var detected_pointertypes = {};
- var test_pointerEvent = async_test("pointerId of an active pointer is the same across iframes");
- // showPointerTypes is defined in pointerevent_support.js
- // Requirements: the callback function will reference the test_pointerEvent object and
- // will fail unless the async_test is created with the var name "test_pointerEvent".
- add_completion_callback(showPointerTypes);
- var detected_pointertypes = {};
-
- function run() {
- var target0 = document.getElementById("target0");
- var pointerover_pointerId = null;
- var pointerover_pointerType = null;
-
- var eventList = ['pointerenter', 'pointerover', 'pointermove', 'pointerout', 'pointerleave'];
- var receivedEvents = {};
- var receivedEventsInnerFrame = {};
-
-
- function checkPointerId(event, inner) {
- detected_pointertypes[event.pointerType] = true;
- var eventName = (inner ? "inner frame " : "" ) + event.type;
- test_pointerEvent.step(function() {
- assert_equals(event.pointerId, pointerover_pointerId, "PointerId of " + eventName + " is not correct");
- assert_equals(event.pointerType, pointerover_pointerType, "PointerType of " + eventName + " is not correct");
- }, eventName + ".pointerId were the same as first pointerover");
- }
-
- on_event(window, "message", function(event) {
- var pe_event = JSON.parse(event.data);
- receivedEventsInnerFrame[pe_event.type] = 1;
- checkPointerId(pe_event, true);
- if (Object.keys(receivedEvents).length == eventList.length && Object.keys(receivedEventsInnerFrame).length == eventList.length)
- test_pointerEvent.done();
- });
-
- eventList.forEach(function(eventName) {
- on_event(target0, eventName, function (event) {
- if (pointerover_pointerId === null && event.type == 'pointerover') {
- pointerover_pointerId = event.pointerId;
- pointerover_pointerType = event.pointerType;
- } else {
- checkPointerId(event, false);
- }
- receivedEvents[event.type] = 1;
- });
- });
- }
- </script>
- </head>
- <body onload="run()">
- <h1>Pointer Events pointerdown tests</h1>
- Complete the following actions:
- <ol>
- <li>Start with your pointing device outside of black box, then move it into black box. If using touch just press in black box and don't release.
- <li>Move your pointing device into purple box (without leaving the digitizer range if you are using hover supported pen or without releasing touch if using touch). Then move it out of the purple box.
- </ol>
- <div id="target0" class="touchActionNone">
- </div>
- <iframe src="resources/pointerevent_pointerId_scope-iframe.html" id="innerframe"></iframe>
- <div id="complete-notice">
- <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p>
- <p>Refresh the page to run the tests again with a different pointer type.</p>
- </div>
- <div id="log"></div>
- </body>
-</html>