blob: ec4248a0d51b501be46fb24e557e21361abf19c0 [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true ] -->
<script src="../../../resources/js-test-pre.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<iframe src="../../content/silence.mp3" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
<script type="text/javascript">
description("Testing the size of the media element in an audio media document on iOS.");
window.jsTestIsAsync = true;
let media;
(function runTestIfReady() {
const iframe = document.querySelector("iframe");
media = iframe.contentDocument.querySelector("video");
if (!media) {
setTimeout(runTestIfReady);
return;
}
shouldBecomeEqualToString("getComputedStyle(media).width", "320px", () => {
shouldBeEqualToString("getComputedStyle(media).height", "50px");
debug("");
iframe.remove();
finishJSTest();
});
})();
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>