| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText() |
| |
| function runTest() { |
| document.getElementById('toZoom').style.zoom = 2; |
| |
| // Comparing the result to the expectation. |
| var expectedWidth = 55; |
| var realWidth = window.getComputedStyle(document.getElementById("toZoom")).getPropertyCSSValue('width').getFloatValue(CSSPrimitiveValue.CSS_NUMBER); |
| var result = ""; |
| if (Math.abs(expectedWidth - realWidth) > 10) |
| result = "FAIL"; |
| else |
| result = "PASS"; |
| result += " expected width: " + expectedWidth + " width +/-10 allowance."; |
| document.getElementById('result').innerHTML = result; |
| } |
| </script> |
| </head> |
| |
| <body onload="runTest()"> |
| |
| <select id="toZoom" MULTIPLE> |
| <option value="first">first |
| <option value="second">second |
| </select> |
| |
| <div>The test passes if both dimensions (not only height) of the listbox is resized according to the zoom.</div> |
| <div id="result"/> |
| </body> |
| </html> |
