third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y-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-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-css_touch-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y_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-pan-y_touch-manual.html

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

new file mode 100644

index 0000000000000000000000000000000000000000..e89b8b742e9466c221de996d5c42690b8609bdfd

--- /dev/null

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

@@ -0,0 +1,111 @@

+<!doctype html>

+<html>

+ <head>

+ <title>touch-action: parent > child: pan-x pan-y > child: pan-y</title>

+ <meta name="assert" content="TA15.17 - Touch action 'pan-x pan-y' 'pan-y' test">

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

+ .scroller > div {

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

+ }

+ .scroller > div div {

+ touch-action: pan-y;

+ }

+ </style>

+ </head>

+ <body onload="run()">

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

+ <h4 id="desc">Test Description: Try to scroll element DOWN then RIGHT. Tap Complete button under the rectangle when done. Expected: only pans in y direction.</h4>

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

+ <div class="scroller" id="target0">

+ <div>

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

+ <input type="button" id="btnComplete" value="Complete test">

+ <script type='text/javascript'>

+ var detected_pointertypes = {};

+ add_completion_callback(showPointerTypes);

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

+ function run() {

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

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

+ // Check if touch-action attribute works properly for embedded divs

+ //

+ // TA: 15.17

+ on_event(btnComplete, 'click', function(event) {

+ detected_pointertypes[event.pointerType] = true;

+ test_touchaction.step(function() {

+ assert_equals(target0.scrollLeft, 0, "scroll x offset should be 0 in the end of the test");

+ assert_not_equals(target0.scrollTop, 0, "scroll y offset should not be 0 in the end of the test");

+ });

+ test_touchaction.done();

+ updateDescriptionComplete();

+ });

+ }

+ </script>

+ <h1>behaviour: 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>