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

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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-none-css_touch-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-pan-x-pan-y-pan-y_touch-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: pan-x</title>

	5 <meta name="assert" content="TA15.3 - With `touch-action: pan-x` on a sw iped or click/dragged element, only panning on the x-axis should be possible.">

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

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

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

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

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

	11 <style>

	12 #target0 {

	13 width: 700px;

	14 height: 430px;

	15 touch-action: pan-x;

	16 }

	17 </style>

	18 </head>

	19 <body onload="run()">

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

	21 <h4 id="desc">Test Description: Try to scroll element DOWN then RIGHT. T ap Complete button under the rectangle when done. Expected: only pans in x direc tion.</h4>

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

	23 <div id="target0">

	24 <p>

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

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

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

	28 lobortis nisl ut aliquip ex ea commodo consequat.

	29 </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>Lorem ipsum dolor sit amet...</p>

	37 <p>

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

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

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

	41 lobortis nisl ut aliquip ex ea commodo consequat.

	42 </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>Lorem ipsum dolor sit amet...</p>

	50 <p>

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

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

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

	54 lobortis nisl ut aliquip ex ea commodo consequat.

	55 </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>Lorem ipsum dolor sit amet...</p>

	63 <p>

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

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

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

	67 lobortis nisl ut aliquip ex ea commodo consequat.

	68 </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 <p>Lorem ipsum dolor sit amet...</p>

	76 </div>

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

	78 <script type='text/javascript'>

	79 var detected_pointertypes = {};

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

	81 add_completion_callback(showPointerTypes);

	82

	83 function run() {

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

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

	86

	87 // Check if "touch-action: pan-x" attribute works properly

	88 //TA: 15.3

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

	90 detected_pointertypes[event.pointerType] = true;

	91 test_touchaction.step(function() {

	92 assert_not_equals(target0.scrollLeft, 0, "scroll x offse t should not be 0 in the end of the test");

	93 assert_equals(target0.scrollTop, 0, "scroll y offset sho uld be 0 in the end of the test");

	94 });

	95 test_touchaction.done();

	96 updateDescriptionComplete();

	97 });

	98 }

	99 </script>

	100 <h1>touch-action: pan-x</h1>

	101 <div id="complete-notice">

	102 <p>The following pointer types were detected: <span id="pointertype- log"></span>.</p>

	103 </div>

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

	105 </body>

	106 </html>

OLD	NEW