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

Unified Diff: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-inherit_parent-none_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-inherit_highest-parent-none_touch-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-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-inherit_parent-none_touch-manual.html

diff --git a/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-inherit_parent-none_touch-manual.html b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-inherit_parent-none_touch-manual.html

new file mode 100644

index 0000000000000000000000000000000000000000..163ef9b8ef409193132769b8c0a2952a5611869b

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-inherit_parent-none_touch-manual.html

@@ -0,0 +1,112 @@

+<!doctype html>

+<html>

+ <head>

+ <title>touch-action: inherit from parent: none</title>

+ <meta name="assert" content="TA15.8 - when a user touches an element, the effect of that touch is determined by the value of the touch-action property and the default touch behaviors on the element and its ancestors. Scrollable-Parent: `none` Child: `auto`">

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

+ touch-action: none;

+ }

+ </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: no panning</h4>

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

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

+ <div>

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

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

+ 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_equals(target0.scrollTop, 0, "scroll y offset should be 0 in the end of the test");

+ });

+ test_touchaction.done();

+ updateDescriptionComplete();

+ });

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

+ test_touchaction.step(failOnScroll, "scroll received while touch-action is none");

+ });

+ }

+ </script>

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