third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-appearances-capacity.html - Issue 1747763002: Remove OSX-specific <meter> rendering.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-appearances-capacity.html

Issue 1747763002: Remove OSX-specific <meter> rendering. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 9 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/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-appearances-rating-relevancy.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <html>

2 <head>

3 <style>

4 h1, h2, p { font-size: medium; }

5 meter{ float: right; }

6 .tall { height: 50px; }

7 .short { height: 5px; }

8 .wide { width: 300px; }

9 .narrow { width: 30px; }

10 li:nth-child(even) { background: #ccc; }

11 li:nth-child(odd) { background: #eee; }

12 </style>

13 <script>

14 if (window.testRunner)

15 testRunner.notifyDone();

16 </script>

17 </head>

18 <body>

19 <h1>Meters with various appearance</h1>

20 <h2>discrete-capacity-level-indicator<h2>

21 <ul>

22 <li>value=10/10: <meter min="0" max="10" low="3" high="6" optimum="5" value= "10" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter></li >

23 <li>value=8/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 8" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter></li>

24 <li>value=5/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 5" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter></li>

25 <li>value=2/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 2" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter></li>

26 <li>value=0/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 0" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter></li>

27 <li>RTL: <meter min="0" max="10" low="3" high="6" optimum="5" value="5" styl e="-webkit-appearance: discrete-capacity-level-indicator; direction: rtl;"></met er></li>

28 <li class="tall">Tall: <meter class="tall" min="0" max="10" low="3" high="6" optimum="5" value="5" style="-webkit-appearance: discrete-capacity-level-indica tor;"></meter></li>

29 <li>Short: <meter class="short" min="0" max="10" low="3" high="6" optimum="5 " value="3" style="-webkit-appearance: discrete-capacity-level-indicator;"></met er></li>

30 <li>Wide: <meter class="wide" min="0" max="10" low="3" high="6" optimum="5" value="5" style="-webkit-appearance: discrete-capacity-level-indicator;"></meter ></li>

31 <li>Narrow: <meter class="narrow" min="0" max="10" low="3" high="6" optimum= "5" value="5" style="-webkit-appearance: discrete-capacity-level-indicator;"></m eter></li>

32 </ul>

33 <h2>continuous-capacity-level-indicator<h2>

34 <ul>

35 <li>value=10/10: <meter min="0" max="10" low="3" high="6" optimum="5" value= "10" style="-webkit-appearance: continuous-capacity-level-indicator;"></meter></ li>

36 <li>value=8/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 8" style="-webkit-appearance: continuous-capacity-level-indicator;"></meter></li >

37 <li>value=5/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 5" style="-webkit-appearance: continuous-capacity-level-indicator;"></meter></li >

38 <li>value=2/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 2" style="-webkit-appearance: continuous-capacity-level-indicator;"></meter></li >

39 <li>value=0/10: <meter min="0" max="10" low="3" high="6" optimum="5" value=" 0" style="-webkit-appearance: continuous-capacity-level-indicator;"></meter></li >

40 <li>RTL: <meter min="0" max="10" low="3" high="6" optimum="5" value="5" styl e="-webkit-appearance: continuous-capacity-level-indicator; direction: rtl;"></m eter></li>

41 <li class="tall">Tall: <meter class="tall" min="0" max="10" low="3" high="6" optimum="5" value="5" style="-webkit-appearance: continuous-capacity-level-indi cator;"></meter></li>

42 <li>Short: <meter class="short" min="0" max="10" low="3" high="6" optimum="5 " value="3" style="-webkit-appearance: continuous-capacity-level-indicator;"></m eter></li>

43 <li>Wide: <meter class="wide" min="0" max="10" low="3" high="6" optimum="5" value="5" style="-webkit-appearance: continuous-capacity-level-indicator;"></met er></li>

44 <li>Narrow: <meter class="narrow" min="0" max="10" low="3" high="6" optimum= "5" value="5" style="-webkit-appearance: continuous-capacity-level-indicator;">< /meter></li>

45 </ul>

46 </body>

47 </html>

OLD	NEW