Bug 1526587 [wpt PR 15252] - Fix repeat spacing for 'border-image's when combined with 'round', a=testonly
authorFredrik Söderquist <fs@opera.com>
Mon, 18 Feb 2019 19:24:42 +0000
changeset 519167 e6028ae2bf9e8f3b48f066a8ad274871e4c0a7c4
parent 519166 279b6fb55b9237377c7e857d584dee387efbd5e1
child 519168 3baef312efe25c5a6ac8f090555ff0012544afeb
push id10862
push userffxbld-merge
push dateMon, 11 Mar 2019 13:01:11 +0000
treeherdermozilla-beta@a2e7f5c935da [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1526587, 15252, 928749, 1454375, 629272
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1526587 [wpt PR 15252] - Fix repeat spacing for 'border-image's when combined with 'round', a=testonly Automatic update from web-platform-tests Fix repeat spacing for 'border-image's when combined with 'round' When either of the horizontal/vertical tile rules were 'round', we would drop any tile spacing. Bug: 928749 Change-Id: I6128084cdfc9e6b7604fe213d87f71b1e025d012 Reviewed-on: https://chromium-review.googlesource.com/c/1454375 Reviewed-by: Stephen Chenney <schenney@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#629272} -- wpt-commits: 77f3ead37011e5338545fe18eb9dc8a301aeda9e wpt-pr: 15252
testing/web-platform/tests/css/css-backgrounds/border-image-repeat-005.html
testing/web-platform/tests/css/css-backgrounds/reference/border-image-repeat-005-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/border-image-repeat-005.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<title>'border-image-repeat' with 'space' and 'round'</title>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat">
+<link rel="match" href="reference/border-image-repeat-005-ref.html">
+<style>
+#target {
+  width: 255px;
+  height: 80px;
+  border: 10px solid red;
+  border-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='green'/></svg>") 0 fill / 0px space round;
+}
+</style>
+<p>There should be two green rectangles below:</p>
+<div id="target"></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-backgrounds/reference/border-image-repeat-005-ref.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>Reference: 'border-image-repeat' with 'space' and 'round'</title>
+<style>
+  .green {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+    position: absolute;
+  }
+</style>
+<p>There should be two green rectangles below:</p>
+<div style="position: relative">
+  <div class="green" style="left: 25px"></div>
+  <div class="green" style="left: 150px"></div>
+</div>