src/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         if (window.testRunner && sessionStorage.pageReloaded)
  15             testRunner.dumpResourceRequestCallbacks();
  16         updateSrc();
  17     }, false);
  18     addEventListener("load", function() {
  19         shouldBeTrue('document.getElementById("foo").clientWidth==200');
  20     }, false);
  21 </script>
  22 </head>
  23
  24 <body id="body">
  25     <div>This test passes if this img tag below is a green square when the scale factor is 2.
  26       It ensures that attributes can be changed dynamically from javascript, and that only the correct resource is loaded.</div>
  27     <img id="foo">
  28 </body>
  29 </html>