src/third_party/WebKit/LayoutTests/fast/dom/HTMLImageElement/image-srcset-react-to-media-changes-px-based-sizes.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <script>
   4 var jsTestIsAsync = true;
   5 var img;
   6
   7 onload = function() {
   8     var iframe = document.getElementById('frame');
   9     var iframeDoc = iframe.contentWindow.document;
  10
  11     iframeDoc.body.innerHTML = '<img sizes="(max-width: 90px) 90px, 120px" id="srcset" srcset="resources/blue_rect.jpg 90w, resources/image-set-4x.png 120w">';
  12
  13     img = iframeDoc.getElementById('srcset');
  14
  15     var first = true;
  16     img.onload = function() {
  17         if (first) {
  18             first = false;
  19             shouldNotBe('img.currentSrc.indexOf("blue_rect")', '-1');
  20             iframe.style.width = '100px';
  21         } else {
  22             shouldNotBe('img.currentSrc.indexOf("image-set-4x")', '-1');
  23             finishJSTest();
  24         }
  25     };
  26     img.onerror = function() {
  27         testFailed('Image should have loaded');
  28     };
  29 }
  30 </script>
  31
  32 <iframe id="frame" style="width: 80px;"></iframe>