LibWeb: Add layout tests for floats, margins collapsing and positioning

Those are copied from 'Base/res/html/misc/'.

1 files changed, 48 insertions, 0 deletions

diff --git a/Tests/LibWeb/Layout/input/position-absolute-from-edges.html b/Tests/LibWeb/Layout/input/position-absolute-from-edges.html
new file mode 100644
index 0000000000..e04ddf71cc
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/position-absolute-from-edges.html
@@ -0,0 +1,48 @@
+<style>
+#container {
+    position: absolute;
+    width: 500px;
+    height: 400px;
+    border: 1px solid black;
+}
+#red {
+    position: absolute;
+    left: 20px;
+    top: 20px;
+    background: red;
+    width: 100px;
+    height: 100px;
+    border: 10px solid gray;
+}
+#green {
+    position: absolute;
+    right: 20px;
+    top: 20px;
+    background: green;
+    width: 100px;
+    height: 100px;
+    margin: 50px;
+}
+#blue {
+    position: absolute;
+    left: 20px;
+    bottom: 20px;
+    background: blue;
+    width: 100px;
+    height: 100px;
+}
+#yellow {
+    position: absolute;
+    right: 20px;
+    bottom: 20px;
+    background: yellow;
+    width: 100px;
+    height: 100px;
+}
+</style>
+<div id=container>
+    <div id=red></div>
+    <div id=green></div>
+    <div id=blue></div>
+    <div id=yellow></div>
+</div>