third_party/WebKit/LayoutTests/fast/hidpi/image-srcset-change-dynamically-from-js-2x.html

   1 <html>
   2 <head>
   3 <script src="resources/srcset-helper.js"></script>
   4 <script src="../../resources/js-test.js"></script>
   5 <script>
   6     function updateSrc() {
   7         var img = document.getElementById("foo");
   8         // srcset must be set first, otherwise 'src' is loaded as well
   9         img.srcset = "resources/blue-100-px-square.png 1x, resources/green-400-px-square.png 2x";
  10         img.src = "resources/blue-100-px-square.png"
  11     }
  12
  13     addEventListener("DOMContentLoaded", function() {
  14         updateSrc();
  15     }, false);
  16     addEventListener("load", function() {
  17         shouldBeTrue('document.getElementById("foo").clientWidth==200');
  18     }, false);
  19 </script>
  20 </head>
  21
  22 <body id="body">
  23     <div>This test passes if this img tag below is a green square when the scale factor is 2.
  24       It ensures that attributes can be changed dynamically from javascript, and that only the correct resource is loaded.</div>
  25     <img id="foo">
  26 </body>
  27 </html>