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

Side by Side Diff: LayoutTests/fast/forms/select-clientheight-large-size.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 <script src="../../resources/js-test.js"></script> 2 <script src="../../resources/js-test.js"></script>
3 <div id="output"></div> 3 <div id="output"></div>
4 <script> 4 <script>
5 description("Tests that select elements cap their size to the size attribute and to 4 when no size is specified."); 5 description("Tests that select elements cap their size to the size attribute and to 4 when no size is specified.");
6 6
7 function getElemById(elemId) { 7 function getElemById(elemId) {
8 return document.getElementById(elemId); 8 return document.getElementById(elemId);
9 } 9 }
10 10
11 function clientHeight(elemId) { 11 function clientHeight(elemId) {
12 return getElemById(elemId).clientHeight; 12 return getElemById(elemId).clientHeight;
13 } 13 }
14 14
15 function multipleOfElement(elemId, multiple) { 15 function multipleOfElement(elemId, multiple) {
16 return clientHeight(elemId) * multiple + (multiple - 1); 16 return clientHeight(elemId) * multiple;
17 } 17 }
18 18
19 function addSelect(id, numOptions) 19 function addSelect(id, numOptions)
20 { 20 {
21 var select = document.createElement("select2"); 21 var select = document.createElement("select2");
22 var html = '<select multiple id="' + id + '">'; 22 var html = '<select multiple id="' + id + '">';
23 for (var i = 0; i <= numOptions; i++) 23 for (var i = 0; i <= numOptions; i++)
24 html += '<option value="' + i + '">' + i + '</option>'; 24 html += '<option value="' + i + '">' + i + '</option>';
25 getElemById('output').innerHTML += html + '</select>'; 25 getElemById('output').innerHTML += html + '</select>';
26 } 26 }
27 27
28 addSelect('select1', 10); 28 addSelect('select1', 10);
29 addSelect('select2', 16); 29 addSelect('select2', 16);
30 30
31 shouldBe("clientHeight('select2')", "clientHeight('select1')"); 31 shouldBe("clientHeight('select2')", "clientHeight('select1')");
32 shouldBeTrue("getElemById('select2').setAttribute('size', '4'); clientHeight ('select2') == clientHeight('select1')"); 32 shouldBeTrue("getElemById('select2').setAttribute('size', '4'); clientHeight ('select2') == clientHeight('select1')");
33 shouldBeTrue("getElemById('select2').setAttribute('size', '5'); clientHeight ('select2') > clientHeight('select1')"); 33 shouldBeTrue("getElemById('select2').setAttribute('size', '5'); clientHeight ('select2') > clientHeight('select1')");
34 shouldBeTrue("getElemById('select2').setAttribute('size', '8'); clientHeight ('select2') == multipleOfElement('select1', 2)"); 34 shouldBeCloseTo("getElemById('select2').setAttribute('size', '8'); clientHei ght('select2')", multipleOfElement('select1', 2), 1);
35 shouldBeTrue("getElemById('select2').setAttribute('size', '12'); clientHeigh t('select2') == multipleOfElement('select1', 3)"); 35 shouldBeCloseTo("getElemById('select2').setAttribute('size', '12'); clientHe ight('select2')", multipleOfElement('select1', 3), 1);
36 shouldBeTrue("getElemById('select2').setAttribute('size', '16'); clientHeigh t('select2') == multipleOfElement('select1', 4)"); 36 shouldBeCloseTo("getElemById('select2').setAttribute('size', '16'); clientHe ight('select2')", multipleOfElement('select1', 4), 1);
37 </script> 37 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698