<!DOCTYPE html>
<title>SVG in <object> with zero intrinsic size</title>
<script src=../../resources/testharness.js></script>
<script src=../../resources/testharnessreport.js></script>
<object data-expected="0x0" data="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0' height='0'>
<rect width='50' height='50' fill='red'/>
</svg>"></object>
<object data-expected="50x0" data="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='0'>
<rect width='50' height='50' fill='red'/>
</svg>"></object>
<object data-expected="0x50" data="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0' height='50'>
<rect width='50' height='50' fill='red'/>
</svg>"></object>
<object data-expected="0x150" data="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='0'>
<rect width='50' height='50' fill='red'/>
</svg>"></object>
<object data-expected="300x0" data="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='0'>
<rect width='50' height='50' fill='red'/>
</svg>"></object>
<script>
Array.prototype.forEach.call(document.querySelectorAll('object'), function(element) {
var t = async_test(document.title + " - " + element.dataset.expected);
element.onload = function() {
requestAnimationFrame(t.step_func(function() {
var clientRect = element.getBoundingClientRect();
assert_equals(clientRect.width + "x" + clientRect.height, element.dataset.expected);
t.done();
}));
}
});
</script>