| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 div { | 4 div { |
| 5 display: inline-block; | 5 display: inline-block; |
| 6 border-style: solid; | 6 border-style: solid; |
| 7 } | 7 } |
| 8 | 8 |
| 9 div.img-container { | 9 div.img-container { |
| 10 position: relative; | 10 position: relative; |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 var images = [ | 30 var images = [ |
| 31 ["./resources/test.webp", "25", "25"], | 31 ["./resources/test.webp", "25", "25"], |
| 32 ["./resources/test.bmp", "25", "25"], | 32 ["./resources/test.bmp", "25", "25"], |
| 33 ["./resources/test.gif", "25", "25"], | 33 ["./resources/test.gif", "25", "25"], |
| 34 ["./resources/test.ico", "25", "25"], | 34 ["./resources/test.ico", "25", "25"], |
| 35 ["./resources/test.jpg", "25", "25"], | 35 ["./resources/test.jpg", "25", "25"], |
| 36 ["./resources/test.png", "25", "25"], | 36 ["./resources/test.png", "25", "25"], |
| 37 ["./resources/big.png", "150", "150"] | 37 ["./resources/big.png", "150", "150"] |
| 38 ]; | 38 ]; |
| 39 | 39 |
| 40 function showImages(callback) | 40 function showImages() |
| 41 { | 41 { |
| 42 var callback; |
| 43 var promise = new Promise((fulfill) => callback = fulfill); |
| 42 var nextImageIndex = 0; | 44 var nextImageIndex = 0; |
| 43 | |
| 44 addImages(); | 45 addImages(); |
| 46 return promise; |
| 45 | 47 |
| 46 function addImages() | 48 function addImages() |
| 47 { | 49 { |
| 48 if (nextImageIndex >= images.length) { | 50 if (nextImageIndex >= images.length) { |
| 49 // Allow several frames for image decoding to complete on rasterizer
threads. | 51 // Allow several frames for image decoding to complete on rasterizer
threads. |
| 50 generateFrames(3, callback); | 52 generateFrames(3, callback); |
| 51 return; | 53 return; |
| 52 } | 54 } |
| 53 | 55 |
| 54 var imgContainer = document.createElement("div"); | 56 var imgContainer = document.createElement("div"); |
| (...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 109 | 111 |
| 110 </script> | 112 </script> |
| 111 </head> | 113 </head> |
| 112 | 114 |
| 113 <body onload="runTest()"> | 115 <body onload="runTest()"> |
| 114 <p> | 116 <p> |
| 115 Tests the instrumentation of a DecodeImage and ResizeImage events | 117 Tests the instrumentation of a DecodeImage and ResizeImage events |
| 116 </p> | 118 </p> |
| 117 </body> | 119 </body> |
| 118 </html> | 120 </html> |
| OLD | NEW |