Bug 1513326 [wpt PR 14466] - Fix SVG-As-Background sizing, a=testonly

marco-c · marco-c · commit 41f139ab6bf3 · 2019-10-03T22:05:36.000Z
Automatic update from web-platform-tests Fix SVG-As-Background sizing Addresses a TODO where we were snapping the intrinsic size of an SVG image, even when that is no longer useful. This was posing issues with operations using aspect ratio, because the computed aspect ratio on the snapped value was wrong when then used on un-snapped values. R=fsopera.com BUG=855882 Change-Id: I0c14c0109da4c5ca5e52aebf408e9b702eda799c Reviewed-on: https://chromium-review.googlesource.com/c/1370486 Commit-Queue: Stephen Chenney <schenneychromium.org> Reviewed-by: Fredrik Söderquist <fsopera.com> Cr-Commit-Position: refs/heads/master{#615798} -- wpt-commits: 39f6169dae5bafb2f5d5d5b4a6595e20d63337b7 wpt-pr: 14466 UltraBlame original commit: d18edb629f8f945eed546b1aec47656aab0d11ae
diff --git a/testing/web-platform/tests/css/css-backgrounds/background-size/background-size-cover-svg.html b/testing/web-platform/tests/css/css-backgrounds/background-size/background-size-cover-svg.html
@@ -0,0 +1,25 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Background Test: A SVG background should fully cover the positioning area</title>
+  <link rel="author" title="schenney" href="mailto:schenney@chromium.org">
+  <link rel="help" href="http://www.w3.org/TR/css3-background">
+  <link rel="match" href="reference/background-size-cover-svg-ref.html">
+  <style>
+    div {
+      height: 400px;
+      width: 600px;
+      position: relative;
+      background-color: red;
+      background-size: cover;
+      background-repeat: no-repeat;
+      background-position: bottom center;
+      background-image: url("support/rectangle-2560x208.svg");
+    }
+  </style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-backgrounds/background-size/reference/background-size-cover-svg-ref.html b/testing/web-platform/tests/css/css-backgrounds/background-size/reference/background-size-cover-svg-ref.html
@@ -0,0 +1,22 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+  <title>CSS Background Test Reference</title>
+  <link rel="author" title="schenney" href="mailto:schenney@chromium.org">
+  <style>
+    div {
+      height: 400px;
+      width: 600px;
+      position: relative;
+      background-color: red;
+      background-repeat: repeat;
+      background-position: bottom center;
+      background-image: url("../support/50x50-green.png");
+    }
+  </style>
+</head>
+
+<body>
+  <div></div>
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-backgrounds/background-size/support/rectangle-2560x208.svg b/testing/web-platform/tests/css/css-backgrounds/background-size/support/rectangle-2560x208.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2560 208">
+    <rect fill="green" width="2560" height="208"/>
+</svg>
