third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html - Issue 2020083002: Import wpt@1b61dad2be6c5100beb565e91c58b8c1084b3c7d

Unified Diff: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html

Issue 2020083002: Import wpt@1b61dad2be6c5100beb565e91c58b8c1084b3c7d (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fixing tests Created 4 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y-pan-y_touch-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-y-css_touch-manual.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html

diff --git a/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html

new file mode 100644

index 0000000000000000000000000000000000000000..0c900ff7407fbccf652975d7d7c84187817a6cc8

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_touch-manual.html

@@ -0,0 +1,126 @@

+<!doctype html>

+<html>

+ <head>

+ <title>touch-action: pan-x pan-y</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 {

+ width: 700px;

+ height: 430px;

+ touch-action: pan-x pan-y;

+ }

+ </style>

+ </head>

+ <body onload="run()">

+ <h1>Pointer Events touch-action attribute support</h1>

+ <h4 id="desc">Test Description: Try to scroll text DOWN. Wait for description update. Expected: pan enabled</h4>

+ <p>Note: this test is for touch-devices only</p>

+ <div id="target0">

+ <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, 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, 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, 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>

+ </div>

+ <script type='text/javascript'>

+ var detected_pointertypes = {};

+ var xScrollIsReceived = false;

+ var yScrollIsReceived = false;

+ var xScr0, yScr0, xScr1, yScr1;

+ add_completion_callback(showPointerTypes);

+ function run() {

+ var target0 = document.getElementById("target0");

+ var test_touchaction = async_test("touch-action attribute test");

+ xScr0 = target0.scrollLeft;

+ yScr0 = target0.scrollTop;

+ on_event(target0, 'pointerdown', function(event) {

+ detected_pointertypes[event.pointerType] = true;

+ });

+ on_event(target0, 'scroll', function(event) {

+ xScr1 = target0.scrollLeft;

+ yScr1 = target0.scrollTop;

+ if(xScr1 != xScr0) {

+ xScrollIsReceived = true;

+ }

+ if(yScr1 != yScr0) {

+ test_touchaction.step(function () {

+ yScrollIsReceived = true;

+ assert_true(true, "y-scroll received.");

+ });

+ updateDescriptionNextStep();

+ }

+ if(xScrollIsReceived && yScrollIsReceived) {

+ test_touchaction.done();

+ updateDescriptionComplete();

+ }

+ });

+ }

+ </script>

+ <h1>touch-action: pan-x pan-y</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>