Index: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-manual.html |
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-manual.html b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-manual.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3fef3f646f785b3c08336b51d8b8f3804f0026cd |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-manual.html |
@@ -0,0 +1,124 @@ |
+<!doctype html> |
+<html> |
+ <head> |
+ <title>touch-action: keyboard</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: none; |
+ } |
+ </style> |
+ </head> |
+ <body onload="run()"> |
+ <h1>Pointer Events touch-action attribute support</h1> |
+ <h4 id="desc">Test Description: Press DOWN ARROW key. Wait for description update. Expected: pan enabled</h4> |
+ <p>Note: this test is for keyboard 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...</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 xScrollIsReceived = false; |
+ var yScrollIsReceived = false; |
+ var xScr0, yScr0, xScr1, yScr1; |
+ |
+ function run() { |
+ var target0 = document.getElementById("target0"); |
+ |
+ var test_touchaction = async_test("touch-action attribute test"); |
+ |
+ xScr0 = target0.scrollLeft; |
+ yScr0 = target0.scrollTop; |
+ |
+ target0.focus(); |
+ |
+ 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."); |
+ }); |
+ updateDescriptionNextStepKeyboard(); |
+ } |
+ |
+ if(xScrollIsReceived && yScrollIsReceived) { |
+ test_touchaction.done(); |
+ updateDescriptionComplete(); |
+ } |
+ }); |
+ } |
+ |
+ function updateDescriptionNextStepKeyboard() { |
+ document.getElementById('desc').innerHTML = "Test Description: press RIGHT ARROW key."; |
+ } |
+ </script> |
+ <h1>touch-action: none</h1> |
+ <div id="complete-notice"> |
+ </div> |
+ <div id="log"></div> |
+ </body> |
+</html> |