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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-keyboard-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 unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-inherit_parent-none_touch-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-mouse-manual.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!doctype html>

	2 <html>

	3 <head>

	4 <title>touch-action: keyboard</title>

	5 <meta name="viewport" content="width=device-width">

	6 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">

	7 <script src="/resources/testharness.js"></script>

	8 <script src="/resources/testharnessreport.js"></script>

	9 <script src="pointerevent_support.js"></script>

	10 <style>

	11 #target0 {

	12 width: 700px;

	13 height: 430px;

	14 touch-action: none;

	15 }

	16 </style>

	17 </head>

	18 <body onload="run()">

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

	20 <h4 id="desc">Test Description: Press DOWN ARROW key. Wait for descripti on update. Expected: pan enabled</h4>

	21 <p>Note: this test is for keyboard only</p>

	22 <div id="target0">

	23 <p>

	24 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di em

	25 nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam e rat volutpat.

	26 Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamc orper suscipit

	27 lobortis nisl ut aliquip ex ea commodo consequat.

	28 </p>

	29 <p>Lorem ipsum dolor sit amet...</p>

	30 <p>Lorem ipsum dolor sit amet...</p>

	31 <p>Lorem ipsum dolor sit amet...</p>

	32 <p>Lorem ipsum dolor sit amet...</p>

	33 <p>Lorem ipsum dolor sit amet...</p>

	34 <p>Lorem ipsum dolor sit amet...</p>

	35 <p>Lorem ipsum dolor sit amet...</p>

	36 <p>

	37 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di em

	38 nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam e rat volutpat.

	39 Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamc orper suscipit

	40 lobortis nisl ut aliquip ex ea commodo consequat.

	41 </p>

	42 <p>Lorem ipsum dolor sit amet...</p>

	43 <p>Lorem ipsum dolor sit amet...</p>

	44 <p>Lorem ipsum dolor sit amet...</p>

	45 <p>Lorem ipsum dolor sit amet...</p>

	46 <p>Lorem ipsum dolor sit amet...</p>

	47 <p>Lorem ipsum dolor sit amet...</p>

	48 <p>Lorem ipsum dolor sit amet...</p>

	49 <p>

	50 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di em

	51 nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam e rat volutpat.

	52 Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamc orper suscipit

	53 lobortis nisl ut aliquip ex ea commodo consequat.

	54 </p>

	55 <p>Lorem ipsum dolor sit amet...</p>

	56 <p>Lorem ipsum dolor sit amet...</p>

	57 <p>Lorem ipsum dolor sit amet...</p>

	58 <p>Lorem ipsum dolor sit amet...</p>

	59 <p>Lorem ipsum dolor sit amet...</p>

	60 <p>Lorem ipsum dolor sit amet...</p>

	61 <p>Lorem ipsum dolor sit amet...</p>

	62 <p>

	63 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed di em

	64 nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam e rat volutpat.

	65 Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamc orper suscipit

	66 lobortis nisl ut aliquip ex ea commodo consequat.

	67 </p>

	68 <p>Lorem ipsum dolor sit amet...</p>

	69 <p>Lorem ipsum dolor sit amet...</p>

	70 <p>Lorem ipsum dolor sit amet...</p>

	71 <p>Lorem ipsum dolor sit amet...</p>

	72 <p>Lorem ipsum dolor sit amet...</p>

	73 <p>Lorem ipsum dolor sit amet...</p>

	74 <p>Lorem ipsum dolor sit amet...</p>

	75 </div>

	76 <script type='text/javascript'>

	77

	78 var xScrollIsReceived = false;

	79 var yScrollIsReceived = false;

	80 var xScr0, yScr0, xScr1, yScr1;

	81

	82 function run() {

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

	84

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

	86

	87 xScr0 = target0.scrollLeft;

	88 yScr0 = target0.scrollTop;

	89

	90 target0.focus();

	91

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

	93 xScr1 = target0.scrollLeft;

	94 yScr1 = target0.scrollTop;

	95

	96 if(xScr1 != xScr0) {

	97 xScrollIsReceived = true;

	98 }

	99

	100 if(yScr1 != yScr0) {

	101 test_touchaction.step(function () {

	102 yScrollIsReceived = true;

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

	104 });

	105 updateDescriptionNextStepKeyboard();

	106 }

	107

	108 if(xScrollIsReceived && yScrollIsReceived) {

	109 test_touchaction.done();

	110 updateDescriptionComplete();

	111 }

	112 });

	113 }

	114

	115 function updateDescriptionNextStepKeyboard() {

	116 document.getElementById('desc').innerHTML = "Test Description: p ress RIGHT ARROW key.";

	117 }

	118 </script>

	119 <h1>touch-action: none</h1>

	120 <div id="complete-notice">

	121 </div>

	122 <div id="log"></div>

	123 </body>

	124 </html>

OLD	NEW