| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE HTML> |
| 2 <body> | |
| 3 <script src="/js-test-resources/js-test.js"></script> | 2 <script src="/js-test-resources/js-test.js"></script> |
| 4 <script> | 3 <script> |
| 5 description("Tests that the order of setting the src of an image element and
its crossOrigin attribute doesn't matter"); | 4 description("Tests that the order of setting the src of an image element and its
crossOrigin attribute doesn't matter"); |
| 6 jsTestIsAsync = true; | 5 window.jsTestIsAsync = true; |
| 7 | 6 |
| 7 // Resource returns a 100x100 image if Origin: is present, a 200x200 one if not. |
| 8 var testImageURL = "http://127.0.0.1:8000/resources/origin.php"; |
| 9 var successWidth = 100; |
| 10 |
| 11 function checkIfDone() { |
| 12 if ("loaded" in img1 && "loaded" in img2) |
| 13 finishJSTest(); |
| 14 } |
| 15 |
| 16 function createImage() { |
| 8 var img = new Image(); | 17 var img = new Image(); |
| 9 img.src="http://127.0.0.1:8000/resources/origin.php?1"; | 18 img.onload = function () { |
| 10 img.crossOrigin = "anonymous"; | 19 (img.width == successWidth ? testPassed : testFailed)("Origin: present i
n request."); |
| 11 var img2 = new Image(); | 20 img.loaded = true; |
| 12 img2.crossOrigin = "anonymous"; | 21 checkIfDone(); |
| 13 img2.src="http://127.0.0.1:8000/resources/origin.php?2"; | 22 } |
| 23 return img; |
| 24 } |
| 14 | 25 |
| 15 var srcFirstHasOrigin = false; | 26 var img1 = createImage(); |
| 16 var srcLastHasOrigin = false; | 27 img1.src = testImageURL + "?1"; |
| 17 document.body.onload = function() { | 28 img1.crossOrigin = "anonymous"; |
| 18 srcFirstHasOrigin = (img.width == 100) | |
| 19 // srcFirstHasOrigin should be true per spec - see http://crbug.com/3410
47 | |
| 20 shouldBeFalse('srcFirstHasOrigin'); | |
| 21 srcLastHasOrigin = (img2.width == 100) | |
| 22 shouldBeTrue('srcLastHasOrigin'); | |
| 23 finishJSTest(); | |
| 24 }; | |
| 25 | 29 |
| 30 var img2 = createImage(); |
| 31 img2.crossOrigin = "anonymous"; |
| 32 img2.src = testImageURL + "?2"; |
| 26 </script> | 33 </script> |
| 27 </body> | |
| 28 </html> | |
| OLD | NEW |