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