| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| iframe { |
| width: 500px; |
| height: 400px; |
| } |
| </style> |
| <script src="../../resources/ui-helper.js"></script> |
| </head> |
| <body> |
| <iframe></iframe> |
| <pre id="layers">Layer tree goes here in DRT</pre> |
| <script> |
| if (window.internals && window.testRunner) { |
| internals.clearMemoryCache(); |
| internals.setScreenContentsFormatsForTesting(["RGBA8", "RGBA16F"]); |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| const iframe = document.getElementsByTagName('iframe')[0]; |
| const frameLoadPromise = new Promise((resolve) => { |
| iframe.onload = resolve; |
| }); |
| |
| const imageLoadPromise = new Promise((resolve) => { |
| window.imageLoadResolve = resolve; |
| }); |
| |
| iframe.srcdoc = ` |
| <style> |
| img { |
| width: 200px; |
| height: 200px; |
| } |
| </style> |
| <script> |
| function imageLoaded(image) |
| { |
| if (window.internals) |
| internals.setHasHDRContentForTesting(image); |
| |
| parent.imageLoadResolve(); |
| } |
| </` + `script> |
| <body> |
| <img onload="imageLoaded(this)" src="../../fast/images/resources/green-400x400.png"> |
| </body> |
| `; |
| |
| (async () => { |
| await Promise.all([frameLoadPromise, imageLoadPromise]); |
| |
| if (window.testRunner) { |
| document.getElementById("layers").textContent = internals.layerTreeAsText(document); |
| testRunner.notifyDone(); |
| } |
| })(); |
| </script> |
| </body> |
| </html> |
