OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <title>Zoomed SVG in list-style-image</title> |
| 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 <style> |
| 6 ul { font-family: Ahem; } |
| 7 ul li { |
| 8 list-style-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/20
00/svg' viewBox='0 0 1 1'><rect width='1' height='1' fill='green'/></svg>"); |
| 9 font-size: 30px; |
| 10 color: green; |
| 11 list-style-position: inside; |
| 12 line-height: 1em; |
| 13 } |
| 14 </style> |
| 15 <ul><li></ul> |
| 16 <script> |
| 17 var ul = document.querySelector('ul'); |
| 18 [ 2, 3, 4, 5, 1].forEach(function(zoom) { |
| 19 test(function() { |
| 20 document.body.style.zoom = zoom; |
| 21 assert_approx_equals(ul.getBoundingClientRect().height, 30, 0.5); |
| 22 }, 'Zoom to ' + zoom + " and list height should be equal to line-height"); |
| 23 }); |
| 24 </script> |
OLD | NEW |