Use testRunner instead of layoutTestController in fast/doctypes, dom, dynamic, encodi...
[WebKit-https.git] / LayoutTests / fast / dom / HTMLMeterElement / meter-appearances-capacity.html
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" style="-webkit-appearance: discrete-capacity-level-indicator; direction: rtl;"></meter></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-indicator;"></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;"></meter></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;"></meter></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" style="-webkit-appearance: continuous-capacity-level-indicator; direction: rtl;"></meter></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-indicator;"></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;"></meter></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;"></meter></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>