1 year ago · 7c162747ef
--- a/Tests/LibWeb/Ref/assets/vertical-rect.svg
+++ b/Tests/LibWeb/Ref/assets/vertical-rect.svg
@@ -0,0 +1,4 @@
 
				+<?xml version="1.0" encoding="UTF-8"?>
			
 
				+<svg viewBox="310 30 170 412" xmlns="http://www.w3.org/2000/svg">
			
 
				+<rect x="314" y="31" width="164" height="409" color="rgb(0, 0, 0)" fill="#4a90d6" stroke="#222" stroke-dashoffset="" stroke-linejoin="round" stroke-width="2"/>
			
 
				+</svg>
			
--- a/Tests/LibWeb/Ref/reference/images/svg-background-no-natural-size-ref.png
+++ b/Tests/LibWeb/Ref/reference/images/svg-background-no-natural-size-ref.png
--- a/Tests/LibWeb/Ref/reference/svg-background-no-natural-size-ref.html
+++ b/Tests/LibWeb/Ref/reference/svg-background-no-natural-size-ref.html
@@ -0,0 +1,14 @@
 
				+<style>
			
 
				+  * {
			
 
				+    margin: 0;
			
 
				+  }
			
 
				+  body {
			
 
				+    background-color: white;
			
 
				+  }
			
 
				+</style>
			
 
				+<!-- To rebase:
			
 
				+  1. Open svg-background-no-natural-size.html in Ladybird
			
 
				+  2. Right click > "Take Full Screenshot"
			
 
				+  3. Update the image below:
			
 
				+-->
			
 
				+<img src="./images/svg-background-no-natural-size-ref.png">
			
--- a/Tests/LibWeb/Ref/svg-background-no-natural-size.html
+++ b/Tests/LibWeb/Ref/svg-background-no-natural-size.html
@@ -0,0 +1,24 @@
 
				+<!doctype html>
			
 
				+<link rel="match" href="reference/svg-background-no-natural-size-ref.html" />
			
 
				+<style>
			
 
				+  body {
			
 
				+    background-color: white;
			
 
				+  }
			
 
				+  div {
			
 
				+    border: 1px solid black;
			
 
				+    height: 50px;
			
 
				+    width: 50px;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: 50% 50%;
			
 
				+  }
			
 
				+  .svg-rect {
			
 
				+    background-size: 34%;
			
 
				+    background-image: url(assets/vertical-rect.svg);
			
 
				+  }
			
 
				+  img {
			
 
				+    width: 100px;
			
 
				+    padding: 10px;
			
 
				+  }
			
 
				+</style>
			
 
				+<div class="svg-rect"></div>
			
 
				+<body><span></span><img src="assets/vertical-rect.svg">