LayoutTests/fast/forms/select/listbox-appearance-basic.html - Issue 580013002: Support size<4 rendering of listbox <select>.

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

Issue 580013002: Support size<4 rendering of listbox <select>. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 6 years, 3 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

« no previous file with comments | « LayoutTests/fast/forms/select-clientheight-with-multiple-attr-expected.txt ('k') | LayoutTests/platform/mac/fast/forms/select/listbox-appearance-basic-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <body>	2 <body>

3 <style>	3 <style>

4 select {	4 select {

5 margin: 4px;	5 margin: 4px;

6 }	6 }

7 </style>	7 </style>

8 <script>	8 <script>

9 if (window.testRunner)	9 if (window.testRunner)

10 testRunner.setUseMockTheme(false);	10 testRunner.setUseMockTheme(false);

11 </script>	11 </script>

12	12

13 <select multiple><option>foo</option></select>	13 <select multiple><option>foo</option></select>

14 <select multiple><option selected>foo</option><option>bar</option></select>	14 <select multiple><option selected>foo</option><option>bar</option></select>

15 <script>	15 <script>

16 // autofocus makes the test timeout.	16 // autofocus makes the test timeout.

17 document.querySelectorAll('select')[1].focus();	17 document.querySelectorAll('select')[1].focus();

18 </script>	18 </script>

19 <select multiple><option selected>foo</option><option selected disabled>bar</opt ion></select>	19 <select multiple><option selected>foo</option><option selected disabled>bar</opt ion></select>

20 <select multiple disabled><option selected>foo</option><option>bar</option><optg roup><option selected>baz</option></optgroup></select>	20 <select multiple disabled><option selected>foo</option><option>bar</option><optg roup><option selected>baz</option></optgroup></select>

	21

	22 <select multiple size=1><option>foo1</option><option>foo2</option><option>foo3</ option><option>foo4</option></select>

	23 <select multiple size=2><option>foo1</option><option>foo2</option><option>foo3</ option><option>foo4</option></select>

	24 <select multiple size=3><option>foo1</option><option>foo2</option><option>foo3</ option><option>foo4</option></select>

21 <br>	25 <br>

22	26

23 <!-- border -->	27 <!-- border -->

24 <select multiple style="border: 3px solid lime;"><option>foo</option></select>	28 <select multiple style="border: 3px solid lime;"><option>foo</option></select>

25 <select multiple style="border-radius: 6px;"><option>foo</option></select> <br>	29 <select multiple style="border-radius: 6px;"><option>foo</option></select> <br>

26	30

27 <!-- background -->	31 <!-- background -->

28 <select multiple style="background: linear-gradient(to bottom, #dea 0%,#9c7 44%, #494 100%);"><option>foo</option></select> <br>	32 <select multiple style="background: linear-gradient(to bottom, #dea 0%,#9c7 44%, #494 100%);"><option>foo</option></select> <br>

29	33

30 <!-- shadow -->	34 <!-- shadow -->

31 <select multiple style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4p x 4px rgba(0,255,0,0.5);"><option>foo</option></select> <br>	35 <select multiple style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px 4p x 4px rgba(0,255,0,0.5);"><option>foo</option></select> <br>

32	36

33 <!-- font-size -->	37 <!-- font-size -->

34 <select multiple style="font-size: 16px;"><option>foo</option></select>	38 <select multiple style="font-size: 16px;"><option>foo</option></select>

35 <select multiple style="font-size: 20px;"><option>foo</option></select>	39 <select multiple style="font-size: 20px;"><option>foo</option></select>

36 <select multiple style="font-size: 24px;"><option>foo</option></select> <br>	40 <select multiple style="font-size: 24px;"><option>foo</option></select> <br>

37	41

38 <!-- zoom -->	42 <!-- zoom -->

39 <select multiple style="zoom: 1.5;"><option>foo</option></select>	43 <select multiple style="zoom: 1.5;"><option>foo</option></select>

40 <select multiple style="zoom: 2;"><option>foo</option></select> <br>	44 <select multiple style="zoom: 2;"><option>foo</option></select> <br>

41 </body>	45 </body>

OLD	NEW