blob: e7553037c8e375d50acf2f75b49f3673cd3b1f3f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<script>
description("Test that getBoundingClientRect works as expected on content after a spanner.");
</script>
<div style="-webkit-column-count:3; -webkit-column-gap:16px; position:absolute; top:100px; left:100px; line-height:50px; width:332px;">
<br><br><br><br><br>
<div style="-webkit-column-span:all; height:20px;"></div>
<div id="elm1"><br></div>
<div id="elm2"><br></div>
<div id="elm3"><br></div>
<div id="elm4"><br></div>
<div id="elm5"><br></div>
</div>
<script>
shouldBe("document.getElementById('elm1').getBoundingClientRect().left", "100");
shouldBe("document.getElementById('elm1').getBoundingClientRect().top", "220");
shouldBe("document.getElementById('elm2').getBoundingClientRect().left", "100");
shouldBe("document.getElementById('elm2').getBoundingClientRect().top", "270");
shouldBe("document.getElementById('elm3').getBoundingClientRect().left", "216");
shouldBe("document.getElementById('elm3').getBoundingClientRect().top", "220");
shouldBe("document.getElementById('elm4').getBoundingClientRect().left", "216");
shouldBe("document.getElementById('elm4').getBoundingClientRect().top", "270");
shouldBe("document.getElementById('elm5').getBoundingClientRect().left", "332");
shouldBe("document.getElementById('elm5').getBoundingClientRect().top", "220");
</script>
|
