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

Side by Side Diff: LayoutTests/fast/forms/select/listbox-tap.html

Issue 347773002: Implement select listbox using shadow DOM (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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 | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <body> 3 <body>
4 <script src="../../../resources/js-test.js"></script> 4 <script src="../../../resources/js-test.js"></script>
5 <select id="select1" multiple size="4"> 5 <select id="select1" multiple size="4">
6 <option>1</option> 6 <option>1</option>
7 <option>2</option> 7 <option>2</option>
8 <option>3</option> 8 <option>3</option>
9 </select> 9 </select>
10 10
11 <script> 11 <script>
12 description('Tapping on listbox items should toggle selection.'); 12 description('Tapping on listbox items should toggle selection.');
13 13
14 function tapOption(select, index) { 14 function tapOption(select, index) {
15 var itemHeight = Math.floor(select.offsetHeight / select.size); 15 var itemHeight = Math.floor(select.offsetHeight / select.size);
16 var border = 1; 16 var border = 1;
17 var y = border + index * itemHeight; 17 var y = border + index * itemHeight;
18 18
19 select.focus(); 19 select.focus();
20 if (window.eventSender) { 20 if (window.eventSender) {
21 eventSender.gestureTap(select.offsetLeft + border, select.offsetTop + y - window.pageYOffset, 10, 10); 21 eventSender.gestureTap(select.offsetLeft + border, select.offsetTop + y - window.pageYOffset + itemHeight / 2);
22 } 22 }
23 } 23 }
24 24
25 function getSelectedValues(select) { 25 function getSelectedValues(select) {
26 var selectedValues = []; 26 var selectedValues = [];
27 for (var i = 0; i < select.options.length; i++) { 27 for (var i = 0; i < select.options.length; i++) {
28 var option = select.options[i]; 28 var option = select.options[i];
29 if (option.selected) 29 if (option.selected)
30 selectedValues.push(option.value); 30 selectedValues.push(option.value);
31 } 31 }
(...skipping 18 matching lines...) Expand all
50 tapOption(select, 1); 50 tapOption(select, 1);
51 shouldBeEqualToString('getSelectedValues(select)', '1,3'); 51 shouldBeEqualToString('getSelectedValues(select)', '1,3');
52 tapOption(select, 0); 52 tapOption(select, 0);
53 shouldBeEqualToString('getSelectedValues(select)', '3'); 53 shouldBeEqualToString('getSelectedValues(select)', '3');
54 tapOption(select, 2); 54 tapOption(select, 2);
55 shouldBeEqualToString('getSelectedValues(select)', ''); 55 shouldBeEqualToString('getSelectedValues(select)', '');
56 } 56 }
57 </script> 57 </script>
58 58
59 </html> 59 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698