25 lines
952 B
HTML
25 lines
952 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<body>
|
|
<p>This test passes if there are two 100x100px green squares in a diagonal line below:</p>
|
|
<svg width="300" height="300">
|
|
<defs>
|
|
<svg id="svg" width="10" height="10">
|
|
<rect width="100%" height="100%" fill="green"/>
|
|
</svg>
|
|
</defs>
|
|
<use id="use1" xlink:href="#svg" x="0" y="0" width="100" height="100"/>
|
|
<use id="use2" xlink:href="#svg" x="100" y="100" width="10" height="10"/>
|
|
</svg>
|
|
<script>
|
|
// Force layout since the intention is to test behavior of changes *after* layout has occurred.
|
|
// FIXME: Find a clean reliable way to do this; Blink tests were using requestAnimationFrame,
|
|
// which seems like it would be racy and wrong, but perhaps they have some rationale for that.
|
|
document.body.offsetTop;
|
|
|
|
document.getElementById('use2').setAttribute('width', '100');
|
|
document.getElementById('use2').setAttribute('height', '100');
|
|
</script>
|
|
</body>
|
|
</html>
|