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

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/pointerevents/pointerevent_touch-action-mouse-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
OLDNEW
(Empty)
1 <!doctype html>
2 <html>
3 <head>
4 <title>touch-action: mouse</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: Try to scroll text down using mouse (use mouse wheel or click on the scrollbar). Wait for description update.</h4>
21 <p>Note: this test is for mouse 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 });
96
97 on_event(target0, 'scroll', function(event) {
98 xScr1 = target0.scrollLeft;
99 yScr1 = target0.scrollTop;
100
101 if(xScr1 != xScr0) {
102 xScrollIsReceived = true;
103 }
104
105 if(yScr1 != yScr0) {
106 test_touchaction.step(function () {
107 yScrollIsReceived = true;
108 assert_true(true, "y-scroll received.");
109 });
110 updateDescriptionNextStepMouse();
111 }
112
113 if(xScrollIsReceived && yScrollIsReceived) {
114 test_touchaction.done();
115 updateDescriptionComplete();
116 }
117 });
118 }
119
120 function updateDescriptionNextStepMouse() {
121 document.getElementById('desc').innerHTML = "Test Description: T ry to scroll text right using mouse (use mouse wheel or click on the scrollbar). ";
122 }
123 </script>
124 <h1>touch-action: none</h1>
125 <div id="complete-notice">
126 <p>The following pointer types were detected: <span id="pointertype- log"></span>.</p>
127 </div>
128 <div id="log"></div>
129 </body>
130 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698