Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(75)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-auto-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_setpointercapture_relatedtarget-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-button-test_touch-manual.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <html>
3 <head>
4 <title>touch-action: auto</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: auto;
15 }
16 </style>
17 </head>
18 <body onload="run()">
19 <h1>Pointer Events touch-action attribute support</h1>
20 <h4 id="desc">Test Description: Try to scroll text DOWN. Wait for descri ption update. Expected: pan enabled</h4>
21 <p>Note: this test is for touch-devices 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 var detected_pointertypes = {};
78
79 var xScrollIsReceived = false;
80 var yScrollIsReceived = false;
81 var xScr0, yScr0, xScr1, yScr1;
82
83 add_completion_callback(showPointerTypes);
84
85 function run() {
86 var target0 = document.getElementById("target0");
87
88 var test_touchaction = async_test("touch-action attribute test") ;
89
90 xScr0 = target0.scrollLeft;
91 yScr0 = target0.scrollTop;
92
93 on_event(target0, 'pointerdown', function(event) {
94 detected_pointertypes[event.pointerType] = true;
95 test_touchaction.step(function() {
96 assert_equals(event.pointerType, "touch", "wrong pointer type was detected: ");
97 });
98 });
99
100 on_event(target0, 'scroll', function(event) {
101 xScr1 = target0.scrollLeft;
102 yScr1 = target0.scrollTop;
103
104 if(xScr1 != xScr0) {
105 xScrollIsReceived = true;
106 }
107
108 if(yScr1 != yScr0) {
109 test_touchaction.step(function () {
110 yScrollIsReceived = true;
111 assert_true(true, "y-scroll received.");
112 });
113 updateDescriptionNextStep();
114 }
115
116 if(xScrollIsReceived && yScrollIsReceived) {
117 test_touchaction.done();
118 updateDescriptionComplete();
119 }
120 });
121 }
122 </script>
123 <h1>touch-action: auto</h1>
124 <div id="complete-notice">
125 <p>The following pointer types were detected: <span id="pointertype- log"></span>.</p>
126 </div>
127 <div id="log"></div>
128 </body>
129 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_setpointercapture_relatedtarget-manual.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-button-test_touch-manual.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698