third_party/WebKit/LayoutTests/fast/hidpi/image-set-border-image-dynamic.html

   1 <html>
   2 <head>
   3 <script src="resources/srcset-helper.js"></script>
   4 <style>
   5     #foo {
   6         width:100px;
   7         height:100px;
   8         -webkit-border-image: -webkit-image-set(url('resources/blue-100-px-square.png') 1x, url('resources/green-400-px-square.png') 2x) 10 10 10 10 stretch stretch;
   9     }
  10 </style>
  11 </head>
  12
  13 <body>
  14     <div>This test passes if the div below is a blue 100px square when the deviceScaleFactor is 1, and if it is a 100px green square when the deviceScaleFactor is 2. When run in the test harness, this test is distinct from image-set-as-background, because it ensures that the green image loads dynamically when the scale factor changes.</div>
  15     <div id=foo></div>
  16 </body>
  17 </html>