| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 div { | 3 div { |
| 4 width: 20px; | 4 width: 20px; |
| 5 height: 20px; | 5 height: 20px; |
| 6 border: 30px; | 6 border: 30px; |
| 7 border-image-source: url(resources/border-image.png); | 7 border-image-source: url(resources/border-image.png); |
| 8 border-image-slice: 6; | 8 border-image-slice: 6; |
| 9 image-rendering: pixelated; | 9 image-rendering: pixelated; |
| 10 border-style: solid; |
| 10 } | 11 } |
| 11 </style> | 12 </style> |
| 12 <body> | 13 <body> |
| 13 <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of
solid color, with no blurring of edges --> | 14 <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of
solid color, with no blurring of edges --> |
| 14 <div></div> | 15 <div></div> |
| 15 </body> | 16 </body> |
| 16 <script> | 17 <script> |
| 17 // Ignore the render tree. | 18 // Ignore the render tree. |
| 18 if (window.testRunner) | 19 if (window.testRunner) |
| 19 window.testRunner.dumpAsTextWithPixelResults(); | 20 window.testRunner.dumpAsTextWithPixelResults(); |
| 20 </script> | 21 </script> |
| OLD | NEW |