autoresize-with-iframe.html | Explore in Territory

<!doctype html>
<html>
<head>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script>
function responseMessage() {
  return new Promise(resolve => {
  window.addEventListener("message", (e) => {
    resolve(e.data);
  }, {once: true})});
}

function onLoad() {
  promise_test(async () => {
    testRunner.enableAutoResizeMode(10, 10, 1000, 1000);

    // We cannot just wait for the resize event because that fires when
    // the innerWidth changes (which happens first). We need to wait for the
    // outerWidth to change.
    while(window.outerWidth < 901) {
      await new Promise(resolve => requestAnimationFrame(resolve));
    }

    var frameWindow = window.frames['frame'];

    var width_promise = responseMessage();
    frameWindow.postMessage('document.scrollingElement.scrollWidth', "*");
    var width = await width_promise;
    assert_equals(width, 901);

    var height_promise = responseMessage();
    frameWindow.postMessage('document.scrollingElement.scrollHeight', "*");
    var height = await height_promise;
    assert_equals(height, 201);
  });
}
</script>
</head>
<body onLoad="onLoad()" style="width:901px; height:201px; background-color:yellow;">
<iframe name="frame" style="width:100%; height:100%;" src="resources/iframe.html">
</iframe>
</body>
</html>
chromium/third_party/blink/web_tests/fast/autoresize/autoresize-with-iframe.html
