Improved 5 border-image-* tests and created references

web-platform-tests · Aug 17, 2023 · 86769bb · 86769bb
1 parent b25b602
commit 86769bb
Show file tree

Hide file tree

Showing 7 changed files with 98 additions and 0 deletions.
diff --git a/css/css-backgrounds/border-image-slice-006.htm b/css/css-backgrounds/border-image-slice-006.htm
diff --git a/css/css-backgrounds/border-image-width-001.htm b/css/css-backgrounds/border-image-width-001.htm
diff --git a/css/css-backgrounds/border-image-width-002.htm b/css/css-backgrounds/border-image-width-002.htm
diff --git a/css/css-backgrounds/border-image-width-003.htm b/css/css-backgrounds/border-image-width-003.htm
diff --git a/css/css-backgrounds/border-image-width-004.htm b/css/css-backgrounds/border-image-width-004.htm
diff --git a/css/css-backgrounds/reference/border-image-slice-006-ref.html b/css/css-backgrounds/reference/border-image-slice-006-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reftest reference</title>
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 30px;
+      margin: 50px;
+      position: relative;
+      width: 30px;
+    }
+
+  div#top-right
+    {
+      left: 130px;
+      bottom: 80px;
+    }
+
+  div#bottom-left
+    {
+      bottom: 30px;
+    }
+
+  div#bottom-right
+    {
+      left: 130px;
+      bottom: 110px;
+    }
+  </style>
+
+  <p>Test passes if there are four identical green squares and <strong>no red</strong>.
+
+  <div id="top-left"></div><div id="top-right"></div><div id="bottom-left"></div><div id="bottom-right"></div>
diff --git a/css/css-backgrounds/reference/border-image-width-001-ref.html b/css/css-backgrounds/reference/border-image-width-001-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reftest reference</title>
+
+  <style>
+  div.subtest
+    {
+      background-color: green;
+      height: 120px;
+      margin: 8px auto 8px 0px;
+      width: 120px;
+    }
+
+  div > div
+    {
+      background-color: lime;
+      position: relative;
+    }
+
+  div#subtest1 > div
+    {
+      height: 75px;
+      left: 15px;
+      top: 30px;
+      width: 80px;
+    }
+
+  div#subtest2 > div
+    {
+      height: 60px;
+      left: 10px;
+      top: 30px;
+      width: 100px;
+    }
+
+  div#subtest3 > div
+    {
+      height: 75px;
+      left: 15px;
+      top: 30px;
+      width: 80px;
+    }
+
+  div#subtest4 > div
+    {
+      height: 90px;
+      left: 25px;
+      top: 15px;
+      width: 70px;
+    }
+  </style>
+
+  <div class="subtest" id="subtest1"><div></div></div>
+
+  <div class="subtest" id="subtest2"><div></div></div>
+
+  <div class="subtest" id="subtest3" style="height: 135px; width: 110px;"><div></div></div>
+
+  <div class="subtest" id="subtest4"><div></div></div>