We use cookies to ensure you get the best experience on our website
Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
0ct0pu5
/
ladybird
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Browse Source

Tests+headless-browser: Move screenshot ref-tests into own directory

This change will make it easier to disable screenshot comparison tests
on a specific platform or have per-platform expectations.

Additionally, it's nice to be able to tell if a ref-test uses a
screenshot as an expectation by looking at the test path.
Aliaksandr Kalenik 1 năm trước cách đây
mục cha
0ae048102c
commit
715f033007
100 tập tin đã thay đổi với 186 bổ sung và 182 xóa
Split View Hiển thị tình trạng sai khác
  1. 0 3
      Tests/LibWeb/Ref/alt-frame.html
  2. 0 82
      Tests/LibWeb/Ref/css-backgrounds.html
  3. 3 0
      Tests/LibWeb/Screenshot/alt-frame.html
  4. 0 0
      Tests/LibWeb/Screenshot/assets/background-no-repeat.html
  5. 0 0
      Tests/LibWeb/Screenshot/assets/background-repeat-x.html
  6. 0 0
      Tests/LibWeb/Screenshot/assets/background-repeat-y.html
  7. 0 0
      Tests/LibWeb/Screenshot/assets/background-repeat.html
  8. 0 0
      Tests/LibWeb/Screenshot/assets/car.png
  9. 0 0
      Tests/LibWeb/Screenshot/assets/smiley.png
  10. 4 0
      Tests/LibWeb/Screenshot/assets/vertical-rect.svg
  11. 7 7
      Tests/LibWeb/Screenshot/border-radius.html
  12. 0 0
      Tests/LibWeb/Screenshot/canvas-arcs-and-ellipses.html
  13. 1 1
      Tests/LibWeb/Screenshot/canvas-fillstyle-rgb.html
  14. 0 0
      Tests/LibWeb/Screenshot/canvas-implict-moves-and-lines.html
  15. 0 0
      Tests/LibWeb/Screenshot/canvas-path-rect.html
  16. 0 0
      Tests/LibWeb/Screenshot/canvas-text.html
  17. 0 0
      Tests/LibWeb/Screenshot/clip-path-polygon.html
  18. 0 0
      Tests/LibWeb/Screenshot/css-background-clip-text.html
  19. 2 2
      Tests/LibWeb/Screenshot/css-background-position.html
  20. 5 5
      Tests/LibWeb/Screenshot/css-background-repeat.html
  21. 82 0
      Tests/LibWeb/Screenshot/css-backgrounds.html
  22. 0 0
      Tests/LibWeb/Screenshot/css-gradients.html
  23. 0 0
      Tests/LibWeb/Screenshot/css-transform-box.html
  24. 0 0
      Tests/LibWeb/Screenshot/images/alt-frame.png
  25. 0 0
      Tests/LibWeb/Screenshot/images/border-radius-ref.png
  26. 0 0
      Tests/LibWeb/Screenshot/images/canvas-arcs-and-ellipses-ref.png
  27. 0 0
      Tests/LibWeb/Screenshot/images/canvas-fillstyle-rgb.png
  28. 0 0
      Tests/LibWeb/Screenshot/images/canvas-implict-moves-and-lines-ref.png
  29. 0 0
      Tests/LibWeb/Screenshot/images/canvas-path-rect-ref.png
  30. 0 0
      Tests/LibWeb/Screenshot/images/canvas-text-ref.png
  31. 0 0
      Tests/LibWeb/Screenshot/images/clip-path-polygon-ref.png
  32. 0 0
      Tests/LibWeb/Screenshot/images/css-background-clip-text.png
  33. 0 0
      Tests/LibWeb/Screenshot/images/css-background-position-ref.png
  34. 0 0
      Tests/LibWeb/Screenshot/images/css-background-repeat-ref.png
  35. 0 0
      Tests/LibWeb/Screenshot/images/css-backgrounds-ref.png
  36. 0 0
      Tests/LibWeb/Screenshot/images/css-gradients-ref.png
  37. 0 0
      Tests/LibWeb/Screenshot/images/css-transform-box-ref.png
  38. 0 0
      Tests/LibWeb/Screenshot/images/inline-node-ref.png
  39. 0 0
      Tests/LibWeb/Screenshot/images/input-placeholder-ref.png
  40. 0 0
      Tests/LibWeb/Screenshot/images/meter-ref.png
  41. 0 0
      Tests/LibWeb/Screenshot/images/nested-boxes-with-hidden-overflow-and-border-radius-ref.png
  42. 0 0
      Tests/LibWeb/Screenshot/images/object-fit-position.png
  43. 0 0
      Tests/LibWeb/Screenshot/images/outer-box-shadow-ref.png
  44. 0 0
      Tests/LibWeb/Screenshot/images/svg-axis-aligned-lines-ref.png
  45. 0 0
      Tests/LibWeb/Screenshot/images/svg-background-no-natural-size-ref.png
  46. 0 0
      Tests/LibWeb/Screenshot/images/svg-clip-path-and-mask-ref.png
  47. 0 0
      Tests/LibWeb/Screenshot/images/svg-clip-rule-ref.png
  48. 0 0
      Tests/LibWeb/Screenshot/images/svg-gradient-spreadMethod-ref.png
  49. 0 0
      Tests/LibWeb/Screenshot/images/svg-maskContentUnits-ref.png
  50. 0 0
      Tests/LibWeb/Screenshot/images/svg-radialGradient-ref.png
  51. 0 0
      Tests/LibWeb/Screenshot/images/svg-simple-clipPath-ref.png
  52. 0 0
      Tests/LibWeb/Screenshot/images/svg-text-effects-ref.png
  53. 0 0
      Tests/LibWeb/Screenshot/images/svg-textPath-ref.png
  54. 0 0
      Tests/LibWeb/Screenshot/images/text-decorations.png
  55. 0 0
      Tests/LibWeb/Screenshot/images/text-shadow-ref.png
  56. 0 0
      Tests/LibWeb/Screenshot/inline-node.html
  57. 0 0
      Tests/LibWeb/Screenshot/input-placeholder.html
  58. 0 0
      Tests/LibWeb/Screenshot/meter.html
  59. 0 0
      Tests/LibWeb/Screenshot/nested-boxes-with-hidden-overflow-and-border-radius.html
  60. 48 48
      Tests/LibWeb/Screenshot/object-fit-position.html
  61. 0 0
      Tests/LibWeb/Screenshot/outer-box-shadow.html
  62. 1 1
      Tests/LibWeb/Screenshot/reference/alt-frame-ref.html
  63. 1 1
      Tests/LibWeb/Screenshot/reference/border-radius-ref.html
  64. 1 1
      Tests/LibWeb/Screenshot/reference/canvas-arcs-and-ellipses-ref.html
  65. 1 1
      Tests/LibWeb/Screenshot/reference/canvas-fillstyle-rgb-ref.html
  66. 1 1
      Tests/LibWeb/Screenshot/reference/canvas-implict-moves-and-lines-ref.html
  67. 1 1
      Tests/LibWeb/Screenshot/reference/canvas-path-rect-ref.html
  68. 1 1
      Tests/LibWeb/Screenshot/reference/canvas-text-ref.html
  69. 1 1
      Tests/LibWeb/Screenshot/reference/clip-path-polygon-ref.html
  70. 1 1
      Tests/LibWeb/Screenshot/reference/css-background-clip-text-ref.html
  71. 1 1
      Tests/LibWeb/Screenshot/reference/css-background-position-ref.html
  72. 1 1
      Tests/LibWeb/Screenshot/reference/css-background-repeat-ref.html
  73. 1 1
      Tests/LibWeb/Screenshot/reference/css-backgrounds-ref.html
  74. 1 1
      Tests/LibWeb/Screenshot/reference/css-gradients-ref.html
  75. 1 1
      Tests/LibWeb/Screenshot/reference/css-transform-box-ref.html
  76. 1 1
      Tests/LibWeb/Screenshot/reference/inline-node-ref.html
  77. 1 1
      Tests/LibWeb/Screenshot/reference/input-placeholder-ref.html
  78. 1 1
      Tests/LibWeb/Screenshot/reference/meter-ref.html
  79. 1 1
      Tests/LibWeb/Screenshot/reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html
  80. 1 1
      Tests/LibWeb/Screenshot/reference/object-fit-position-ref.html
  81. 1 1
      Tests/LibWeb/Screenshot/reference/outer-box-shadow-ref.html
  82. 1 1
      Tests/LibWeb/Screenshot/reference/svg-axis-aligned-lines-ref.html
  83. 1 1
      Tests/LibWeb/Screenshot/reference/svg-background-no-natural-size-ref.html
  84. 1 1
      Tests/LibWeb/Screenshot/reference/svg-clip-path-and-mask-ref.html
  85. 1 1
      Tests/LibWeb/Screenshot/reference/svg-clip-rule-ref.html
  86. 1 1
      Tests/LibWeb/Screenshot/reference/svg-gradient-spreadMethod-ref.html
  87. 1 1
      Tests/LibWeb/Screenshot/reference/svg-maskContentUnits-ref.html
  88. 1 1
      Tests/LibWeb/Screenshot/reference/svg-radialGradient-ref.html
  89. 1 1
      Tests/LibWeb/Screenshot/reference/svg-simple-clipPath-ref.html
  90. 1 1
      Tests/LibWeb/Screenshot/reference/svg-text-effects-ref.html
  91. 1 1
      Tests/LibWeb/Screenshot/reference/svg-textPath-ref.html
  92. 1 1
      Tests/LibWeb/Screenshot/reference/text-decorations-ref.html
  93. 1 1
      Tests/LibWeb/Screenshot/reference/text-shadow-ref.html
  94. 0 0
      Tests/LibWeb/Screenshot/svg-axis-aligned-lines.html
  95. 2 2
      Tests/LibWeb/Screenshot/svg-background-no-natural-size.html
  96. 0 0
      Tests/LibWeb/Screenshot/svg-clip-path-and-mask.html
  97. 0 0
      Tests/LibWeb/Screenshot/svg-clip-rule.html
  98. 0 0
      Tests/LibWeb/Screenshot/svg-gradient-spreadMethod.html
  99. 0 0
      Tests/LibWeb/Screenshot/svg-maskContentUnits.html
  100. 0 0
      Tests/LibWeb/Screenshot/svg-radialGradient.html

+ 0 - 3
Tests/LibWeb/Ref/alt-frame.html
Xem Tập Tin 

@@ -1,3 +0,0 @@
 
-<!DOCTYPE html>
 
-<link rel="match" href="reference/alt-frame.html" />
 
-<img alt='Hello!!'>

+ 0 - 82
Tests/LibWeb/Ref/css-backgrounds.html
Xem Tập Tin 

@@ -1,82 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-    <meta charset="UTF-8" />
 
-    <title>CSS Background Tests</title>
 
-    <link rel="match" href="reference/css-backgrounds-ref.html" />
 
-    <style>
 
-        .box {
 
-            width: 180px;
 
-            height: 160px;
 
-            border: 1px solid black;
 
-            padding: 5px 10px 15px 20px;
 
-            overflow: auto;
 
-            margin-bottom: 10px;
 
-            scrollbar-width: none;
 
-        }
 
-
 
-        .force-scroll {
 
-            width: 500px;
 
-            height: 500px;
 
-        }
 
-    </style>
 
-</head>
 
-<body>
 
-    <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
 
-                which waits for img tags to load, but not images referred to in CSS. -->
 
-    <img src="assets/smiley.png"/>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') fixed;">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-attachment: fixed;">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') local">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-attachment: local">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') scroll">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-attachment: scroll">
 
-        <div class="force-scroll"></div>
 
-    </div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') bottom 5% right 10px no-repeat"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-position: bottom 5% right 10px; background-repeat: no-repeat"></div>
 
-
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') yellow padding-box content-box"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-color: yellow; background-origin: padding-box; background-clip: content-box"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') center / contain"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-position: center; background-size: contain"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') center / cover"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-position: center; background-size: cover"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') top / 50% 25px"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-position: top; background-size: 50% 25px"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') space"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-repeat: space"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') round"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-repeat: round"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') space round"></div>
 
-    <div class="box" style="background-image: url('assets/smiley.png'); background-repeat: space round"></div>
 
-
 
-    <div class="box" style="background: url('assets/smiley.png') no-repeat top 5px left 5px, url('assets/smiley.png') no-repeat top 5px right 5px, url('assets/smiley.png') no-repeat bottom 5px left 5px, url('assets/smiley.png') no-repeat bottom 5px right 5px, url('assets/smiley.png') no-repeat center cyan"></div>
 
-    <div class="box" style="background-color: cyan;
 
-        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
 
-        background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px, center;
 
-        background-image: url('assets/smiley.png'), url('assets/smiley.png'), url('assets/smiley.png'), url('assets/smiley.png'), url('assets/smiley.png');"></div>
 
-</body>
 
-
 
-</html>

+ 3 - 0
Tests/LibWeb/Screenshot/alt-frame.html
Xem Tập Tin 

@@ -0,0 +1,3 @@
 
+<!DOCTYPE html>
 
+<link rel="match" href="reference/alt-frame-ref.html" />
 
+<img alt='Hello!!'>

+ 0 - 0
Tests/LibWeb/Ref/assets/background-no-repeat.html → Tests/LibWeb/Screenshot/assets/background-no-repeat.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/assets/background-repeat-x.html → Tests/LibWeb/Screenshot/assets/background-repeat-x.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/assets/background-repeat-y.html → Tests/LibWeb/Screenshot/assets/background-repeat-y.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/assets/background-repeat.html → Tests/LibWeb/Screenshot/assets/background-repeat.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/assets/car.png → Tests/LibWeb/Screenshot/assets/car.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/assets/smiley.png → Tests/LibWeb/Screenshot/assets/smiley.png
Xem Tập Tin


+ 4 - 0
Tests/LibWeb/Screenshot/assets/vertical-rect.svg
Xem Tập Tin 

@@ -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>

+ 7 - 7
Tests/LibWeb/Ref/border-radius.html → Tests/LibWeb/Screenshot/border-radius.html
Xem Tập Tin 

@@ -215,18 +215,18 @@
 
       height: 180px;
 
       background-size: 220px 180px;
 
       border-radius: 70% 30% 30% 70%/60% 40% 60% 40%;
 
-      background-image: url(assets/car.png)
 
+      background-image: url(./assets/car.png)
 
     }
 
 
     .screenshot {
 
       width: 100px;
 
       height: 100px;
 
       border-radius: 50%;
 
-      background-image: url(assets/car.png)
 
+      background-image: url(./assets/car.png)
 
     }
 
 
     .rounded-image {
 
-      background-image: url(assets/car.png);
 
+      background-image: url(./assets/car.png);
 
       background-repeat: repeat;
 
       border-radius: 20px;
 
       width: 150px;
 
@@ -242,7 +242,7 @@
 
     }
 
 
     .image-layers {
 
-      background: center/contain url(car.png) content-box, center/contain url(assets/car.png)
 
+      background: center/contain url(car.png) content-box, center/contain url(./assets/car.png)
 
     }
 
 
     .box-background-clip {
 
@@ -287,12 +287,12 @@
 
   <div class="nut"></div>
 
   <div class="screenshot"></div>
 
   <div class="rounded-image"></div>
 
-  <img src="assets/car.png" style="border-radius: 20px; width: 200px">
 
+  <img src="./assets/car.png" style="border-radius: 20px; width: 200px">
 
   <div class="box-background-clip solid-color"></div>
 
   <div class="box-background-clip image"></div>
 
   <div class="box-background-clip image-layers"></div>
 
   <a style="display: inline-block; border-radius: 50%; overflow: hidden; width: 100px; height: 100px;">
 
-    <img src="assets/car.png" style="width: 100px; height: 100px">
 
+    <img src="./assets/car.png" style="width: 100px; height: 100px">
 
   </a>
 
   <div class="box" style="border-radius: 10px; overflow: hidden;">
 
     <div class="box positioned"></div>
 
@@ -300,7 +300,7 @@
 
   <div class="box" style="border-radius: 10px; overflow: hidden;">
 
     <div class="box" style="background-color: blue;"></div>
 
   </div>
 
-  <img src="assets/car.png" style="border-radius: 100%; border: 10px solid limegreen;">
 
+  <img src="./assets/car.png" style="border-radius: 100%; border: 10px solid limegreen;">
 
   <div class="box box-1"></div>
 
   <div class="box box-1-1"></div>
 
   <div class="box box-1-5"></div>

+ 0 - 0
Tests/LibWeb/Ref/canvas-arcs-and-ellipses.html → Tests/LibWeb/Screenshot/canvas-arcs-and-ellipses.html
Xem Tập Tin


+ 1 - 1
Tests/LibWeb/Ref/canvas-fillstyle-rgb.html → Tests/LibWeb/Screenshot/canvas-fillstyle-rgb.html
Xem Tập Tin 

@@ -1,4 +1,4 @@
 
-<link rel="match" href="reference/canvas-fillstyle-rgb.html" />
 
+<link rel="match" href="reference/canvas-fillstyle-rgb-ref.html" />
 
 <style>
 
     * {
 
         margin: 0;

+ 0 - 0
Tests/LibWeb/Ref/canvas-implict-moves-and-lines.html → Tests/LibWeb/Screenshot/canvas-implict-moves-and-lines.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/canvas-path-rect.html → Tests/LibWeb/Screenshot/canvas-path-rect.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/canvas-text.html → Tests/LibWeb/Screenshot/canvas-text.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/clip-path-polygon.html → Tests/LibWeb/Screenshot/clip-path-polygon.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/css-background-clip-text.html → Tests/LibWeb/Screenshot/css-background-clip-text.html
Xem Tập Tin


+ 2 - 2
Tests/LibWeb/Ref/css-background-position.html → Tests/LibWeb/Screenshot/css-background-position.html
Xem Tập Tin 

@@ -11,14 +11,14 @@
 
             border: 1px solid black;
 
             overflow: auto;
 
             margin-bottom: 10px;
 
-            background: url("assets/smiley.png") bottom right no-repeat;
 
+            background: url("./assets/smiley.png") bottom right no-repeat;
 
         }
 
     </style>
 
 </head>
 
 <body>
 
     <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
 
                 which waits for img tags to load, but not images referred to in CSS. -->
 
-    <img src="assets/smiley.png"/>
 
+    <img src="./assets/smiley.png"/>
 
 
     <!-- Single value -->
 
     <div class="example" style="background-position: left"></div>

+ 5 - 5
Tests/LibWeb/Ref/css-background-repeat.html → Tests/LibWeb/Screenshot/css-background-repeat.html
Xem Tập Tin 

@@ -13,7 +13,7 @@
 
             margin-bottom: 10px;
 
         }
 
         .background {
 
-            background: white url(assets/smiley.png);
 
+            background: white url(./assets/smiley.png);
 
             width: 200px;
 
             height: 200px;
 
             margin-bottom: 10px;
 
@@ -21,10 +21,10 @@
 
     </style>
 
 </head>
 
 <body>
 
-    <iframe src="assets/background-repeat.html"></iframe>
 
-    <iframe src="assets/background-repeat-x.html"></iframe>
 
-    <iframe src="assets/background-no-repeat.html"></iframe>
 
-    <iframe src="assets/background-repeat-y.html"></iframe>
 
+    <iframe src="./assets/background-repeat.html"></iframe>
 
+    <iframe src="./assets/background-repeat-x.html"></iframe>
 
+    <iframe src="./assets/background-no-repeat.html"></iframe>
 
+    <iframe src="./assets/background-repeat-y.html"></iframe>
 
 
     <div class="background" style="background-repeat: repeat"></div>
 
     <div class="background" style="background-repeat: repeat-x"></div>

+ 82 - 0
Tests/LibWeb/Screenshot/css-backgrounds.html
Xem Tập Tin 

@@ -0,0 +1,82 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8" />
 
+    <title>CSS Background Tests</title>
 
+    <link rel="match" href="reference/css-backgrounds-ref.html" />
 
+    <style>
 
+        .box {
 
+            width: 180px;
 
+            height: 160px;
 
+            border: 1px solid black;
 
+            padding: 5px 10px 15px 20px;
 
+            overflow: auto;
 
+            margin-bottom: 10px;
 
+            scrollbar-width: none;
 
+        }
 
+
 
+        .force-scroll {
 
+            width: 500px;
 
+            height: 500px;
 
+        }
 
+    </style>
 
+</head>
 
+<body>
 
+    <!-- FIXME: This <img> tag is only here as a hack. The test runner takes a screenshot after the load event,
 
+                which waits for img tags to load, but not images referred to in CSS. -->
 
+    <img src="./assets/smiley.png"/>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') fixed;">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: fixed;">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') local">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: local">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') scroll">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-attachment: scroll">
 
+        <div class="force-scroll"></div>
 
+    </div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') bottom 5% right 10px no-repeat"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: bottom 5% right 10px; background-repeat: no-repeat"></div>
 
+
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') yellow padding-box content-box"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-color: yellow; background-origin: padding-box; background-clip: content-box"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') center / contain"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: center; background-size: contain"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') center / cover"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: center; background-size: cover"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') top / 50% 25px"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-position: top; background-size: 50% 25px"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') space"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: space"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') round"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: round"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') space round"></div>
 
+    <div class="box" style="background-image: url('./assets/smiley.png'); background-repeat: space round"></div>
 
+
 
+    <div class="box" style="background: url('./assets/smiley.png') no-repeat top 5px left 5px, url('./assets/smiley.png') no-repeat top 5px right 5px, url('./assets/smiley.png') no-repeat bottom 5px left 5px, url('./assets/smiley.png') no-repeat bottom 5px right 5px, url('./assets/smiley.png') no-repeat center cyan"></div>
 
+    <div class="box" style="background-color: cyan;
 
+        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
 
+        background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px, center;
 
+        background-image: url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png'), url('./assets/smiley.png');"></div>
 
+</body>
 
+
 
+</html>

+ 0 - 0
Tests/LibWeb/Ref/css-gradients.html → Tests/LibWeb/Screenshot/css-gradients.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/css-transform-box.html → Tests/LibWeb/Screenshot/css-transform-box.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/alt-frame.png → Tests/LibWeb/Screenshot/images/alt-frame.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/border-radius-ref.png → Tests/LibWeb/Screenshot/images/border-radius-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/canvas-arcs-and-ellipses-ref.png → Tests/LibWeb/Screenshot/images/canvas-arcs-and-ellipses-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/canvas-fillstyle-rgb.png → Tests/LibWeb/Screenshot/images/canvas-fillstyle-rgb.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/canvas-implict-moves-and-lines-ref.png → Tests/LibWeb/Screenshot/images/canvas-implict-moves-and-lines-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/canvas-path-rect-ref.png → Tests/LibWeb/Screenshot/images/canvas-path-rect-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/canvas-text-ref.png → Tests/LibWeb/Screenshot/images/canvas-text-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/clip-path-polygon-ref.png → Tests/LibWeb/Screenshot/images/clip-path-polygon-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-background-clip-text.png → Tests/LibWeb/Screenshot/images/css-background-clip-text.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-background-position-ref.png → Tests/LibWeb/Screenshot/images/css-background-position-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-background-repeat-ref.png → Tests/LibWeb/Screenshot/images/css-background-repeat-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-backgrounds-ref.png → Tests/LibWeb/Screenshot/images/css-backgrounds-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-gradients-ref.png → Tests/LibWeb/Screenshot/images/css-gradients-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/css-transform-box-ref.png → Tests/LibWeb/Screenshot/images/css-transform-box-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/inline-node-ref.png → Tests/LibWeb/Screenshot/images/inline-node-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/input-placeholder-ref.png → Tests/LibWeb/Screenshot/images/input-placeholder-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/meter-ref.png → Tests/LibWeb/Screenshot/images/meter-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/nested-boxes-with-hidden-overflow-and-border-radius-ref.png → Tests/LibWeb/Screenshot/images/nested-boxes-with-hidden-overflow-and-border-radius-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/object-fit-position.png → Tests/LibWeb/Screenshot/images/object-fit-position.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/outer-box-shadow-ref.png → Tests/LibWeb/Screenshot/images/outer-box-shadow-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-axis-aligned-lines-ref.png → Tests/LibWeb/Screenshot/images/svg-axis-aligned-lines-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-background-no-natural-size-ref.png → Tests/LibWeb/Screenshot/images/svg-background-no-natural-size-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-clip-path-and-mask-ref.png → Tests/LibWeb/Screenshot/images/svg-clip-path-and-mask-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-clip-rule-ref.png → Tests/LibWeb/Screenshot/images/svg-clip-rule-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-gradient-spreadMethod-ref.png → Tests/LibWeb/Screenshot/images/svg-gradient-spreadMethod-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-maskContentUnits-ref.png → Tests/LibWeb/Screenshot/images/svg-maskContentUnits-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-radialGradient-ref.png → Tests/LibWeb/Screenshot/images/svg-radialGradient-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-simple-clipPath-ref.png → Tests/LibWeb/Screenshot/images/svg-simple-clipPath-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-text-effects-ref.png → Tests/LibWeb/Screenshot/images/svg-text-effects-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/svg-textPath-ref.png → Tests/LibWeb/Screenshot/images/svg-textPath-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/text-decorations.png → Tests/LibWeb/Screenshot/images/text-decorations.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/reference/images/text-shadow-ref.png → Tests/LibWeb/Screenshot/images/text-shadow-ref.png
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/inline-node.html → Tests/LibWeb/Screenshot/inline-node.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/input-placeholder.html → Tests/LibWeb/Screenshot/input-placeholder.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/meter.html → Tests/LibWeb/Screenshot/meter.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/nested-boxes-with-hidden-overflow-and-border-radius.html → Tests/LibWeb/Screenshot/nested-boxes-with-hidden-overflow-and-border-radius.html
Xem Tập Tin


+ 48 - 48
Tests/LibWeb/Ref/object-fit-position.html → Tests/LibWeb/Screenshot/object-fit-position.html
Xem Tập Tin 

@@ -66,54 +66,54 @@
 
   <div class="wider images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
   <h3>Box taller</h3>
 
   <div class="taller images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
 </div>
 
@@ -125,54 +125,54 @@
 
   <div class="wider images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
   <h3>Box taller</h3>
 
   <div class="taller images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
 </div>
 
@@ -184,54 +184,54 @@
 
   <div class="wider images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
   <h3>Box taller</h3>
 
   <div class="taller images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
 </div>
 
@@ -243,54 +243,54 @@
 
   <div class="wider images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
   <h3>Box taller</h3>
 
   <div class="taller images">
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Left</h6>
 
-      <img class="pos-left" src="assets/car.png">
 
+      <img class="pos-left" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Right</h6>
 
-      <img class="pos-right" src="assets/car.png">
 
+      <img class="pos-right" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Top</h6>
 
-      <img class="pos-top" src="assets/car.png">
 
+      <img class="pos-top" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Bottom</h6>
 
-      <img class="pos-bottom" src="assets/car.png">
 
+      <img class="pos-bottom" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: Center</h6>
 
-      <img class="pos-center" src="assets/car.png">
 
+      <img class="pos-center" src="./assets/car.png">
 
     </div>
 
     <div class="img-wrapper">
 
       <h6>Object-Position: 20px 30%</h6>
 
-      <img class="pos-absolute" src="assets/car.png">
 
+      <img class="pos-absolute" src="./assets/car.png">
 
     </div>
 
   </div>
 
 </div>

+ 0 - 0
Tests/LibWeb/Ref/outer-box-shadow.html → Tests/LibWeb/Screenshot/outer-box-shadow.html
Xem Tập Tin


+ 1 - 1
Tests/LibWeb/Ref/reference/alt-frame.html → Tests/LibWeb/Screenshot/reference/alt-frame-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
         background-color: white;
 
     }
 
 </style>
 
-<img src="./images/alt-frame.png">
 
+<img src="../images/alt-frame.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/border-radius-ref.html → Tests/LibWeb/Screenshot/reference/border-radius-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/border-radius-ref.png">
 
+<img src="../images/border-radius-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/canvas-arcs-and-ellipses-ref.html → Tests/LibWeb/Screenshot/reference/canvas-arcs-and-ellipses-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/canvas-arcs-and-ellipses-ref.png">
 
+<img src="../images/canvas-arcs-and-ellipses-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/canvas-fillstyle-rgb.html → Tests/LibWeb/Screenshot/reference/canvas-fillstyle-rgb-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
     3. Right click > "Take Full Screenshot"
 
     4. Update the image below:
 
   -->
 
-  <img src="./images/canvas-fillstyle-rgb.png">
 
+  <img src="../images/canvas-fillstyle-rgb.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/canvas-implict-moves-and-lines-ref.html → Tests/LibWeb/Screenshot/reference/canvas-implict-moves-and-lines-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/canvas-implict-moves-and-lines-ref.png">
 
+<img src="../images/canvas-implict-moves-and-lines-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/canvas-path-rect-ref.html → Tests/LibWeb/Screenshot/reference/canvas-path-rect-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
     3. Right click > "Take Full Screenshot"
 
     4. Update the image below:
 
   -->
 
-  <img src="./images/canvas-path-rect-ref.png">
 
+  <img src="../images/canvas-path-rect-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/canvas-text-ref.html → Tests/LibWeb/Screenshot/reference/canvas-text-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
       background-color: white;
 
     }
 
   </style>
 
-  <img src="./images/canvas-text-ref.png">
 
+  <img src="../images/canvas-text-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/clip-path-polygon-ref.html → Tests/LibWeb/Screenshot/reference/clip-path-polygon-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/clip-path-polygon-ref.png">
 
+<img src="../images/clip-path-polygon-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-background-clip-text-ref.html → Tests/LibWeb/Screenshot/reference/css-background-clip-text-ref.html
Xem Tập Tin 

@@ -15,4 +15,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-background-clip-text.png">
 
+<img src="../images/css-background-clip-text.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-background-position-ref.html → Tests/LibWeb/Screenshot/reference/css-background-position-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-background-position-ref.png">
 
+<img src="../images/css-background-position-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-background-repeat-ref.html → Tests/LibWeb/Screenshot/reference/css-background-repeat-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-background-repeat-ref.png">
 
+<img src="../images/css-background-repeat-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-backgrounds-ref.html → Tests/LibWeb/Screenshot/reference/css-backgrounds-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-backgrounds-ref.png">
 
+<img src="../images/css-backgrounds-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-gradients-ref.html → Tests/LibWeb/Screenshot/reference/css-gradients-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-gradients-ref.png">
 
+<img src="../images/css-gradients-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/css-transform-box-ref.html → Tests/LibWeb/Screenshot/reference/css-transform-box-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/css-transform-box-ref.png">
 
+<img src="../images/css-transform-box-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/inline-node-ref.html → Tests/LibWeb/Screenshot/reference/inline-node-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@ body {
 
     background-color: white;
 
 }
 
 </style>
 
-<img src="./images/inline-node-ref.png">
 
+<img src="../images/inline-node-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/input-placeholder-ref.html → Tests/LibWeb/Screenshot/reference/input-placeholder-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
     3. Right click > "Take Full Screenshot"
 
     4. Update the image below:
 
 -->
 
-<img src="./images/input-placeholder-ref.png">
 
+<img src="../images/input-placeholder-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/meter-ref.html → Tests/LibWeb/Screenshot/reference/meter-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
     3. Right click > "Take Full Screenshot"
 
     4. Update the image below:
 
   -->
 
-  <img src="./images/meter-ref.png">
 
+  <img src="../images/meter-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html → Tests/LibWeb/Screenshot/reference/nested-boxes-with-hidden-overflow-and-border-radius-ref.html
Xem Tập Tin 

@@ -7,4 +7,4 @@
 
         background-color: white;
 
     }
 
 </style>
 
-<img src="./images/nested-boxes-with-hidden-overflow-and-border-radius-ref.png">
 
+<img src="../images/nested-boxes-with-hidden-overflow-and-border-radius-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/object-fit-position-ref.html → Tests/LibWeb/Screenshot/reference/object-fit-position-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   2. Right click > "Take Full Screenshot"
 
   3. Update the image below:
 
 -->
 
-<img src="./images/object-fit-position.png">
 
+<img src="../images/object-fit-position.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/outer-box-shadow-ref.html → Tests/LibWeb/Screenshot/reference/outer-box-shadow-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/outer-box-shadow-ref.png">
 
+<img src="../images/outer-box-shadow-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-axis-aligned-lines-ref.html → Tests/LibWeb/Screenshot/reference/svg-axis-aligned-lines-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@ body {
 
     background-color: white;
 
 }
 
 </style>
 
-<img src="./images/svg-axis-aligned-lines-ref.png">
 
+<img src="../images/svg-axis-aligned-lines-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-background-no-natural-size-ref.html → Tests/LibWeb/Screenshot/reference/svg-background-no-natural-size-ref.html
Xem Tập Tin 

@@ -11,4 +11,4 @@
 
   2. Right click > "Take Full Screenshot"
 
   3. Update the image below:
 
 -->
 
-<img src="./images/svg-background-no-natural-size-ref.png">
 
+<img src="../images/svg-background-no-natural-size-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-clip-path-and-mask-ref.html → Tests/LibWeb/Screenshot/reference/svg-clip-path-and-mask-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/svg-clip-path-and-mask-ref.png">
 
+<img src="../images/svg-clip-path-and-mask-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-clip-rule-ref.html → Tests/LibWeb/Screenshot/reference/svg-clip-rule-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
       background-color: white;
 
   }
 
   </style>
 
-  <img src="./images/svg-clip-rule-ref.png">
 
+  <img src="../images/svg-clip-rule-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-gradient-spreadMethod-ref.html → Tests/LibWeb/Screenshot/reference/svg-gradient-spreadMethod-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/svg-gradient-spreadMethod-ref.png">
 
+<img src="../images/svg-gradient-spreadMethod-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-maskContentUnits-ref.html → Tests/LibWeb/Screenshot/reference/svg-maskContentUnits-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/svg-maskContentUnits-ref.png">
 
+<img src="../images/svg-maskContentUnits-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-radialGradient-ref.html → Tests/LibWeb/Screenshot/reference/svg-radialGradient-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/svg-radialGradient-ref.png">
 
+<img src="../images/svg-radialGradient-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-simple-clipPath-ref.html → Tests/LibWeb/Screenshot/reference/svg-simple-clipPath-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@
 
     background-color: white;
 
   }
 
 </style>
 
-<img src="./images/svg-simple-clipPath-ref.png">
 
+<img src="../images/svg-simple-clipPath-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-text-effects-ref.html → Tests/LibWeb/Screenshot/reference/svg-text-effects-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/svg-text-effects-ref.png">
 
+<img src="../images/svg-text-effects-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/svg-textPath-ref.html → Tests/LibWeb/Screenshot/reference/svg-textPath-ref.html
Xem Tập Tin 

@@ -12,4 +12,4 @@
 
   3. Right click > "Take Full Screenshot"
 
   4. Update the image below:
 
 -->
 
-<img src="./images/svg-textPath-ref.png">
 
+<img src="../images/svg-textPath-ref.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/text-decorations-ref.html → Tests/LibWeb/Screenshot/reference/text-decorations-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@ body {
 
     background-color: white;
 
 }
 
 </style>
 
-<img src="./images/text-decorations.png">
 
+<img src="../images/text-decorations.png">

+ 1 - 1
Tests/LibWeb/Ref/reference/text-shadow-ref.html → Tests/LibWeb/Screenshot/reference/text-shadow-ref.html
Xem Tập Tin 

@@ -6,4 +6,4 @@ body {
 
     background-color: white;
 
 }
 
 </style>
 
-<img src="./images/text-shadow-ref.png">
 
+<img src="../images/text-shadow-ref.png">

+ 0 - 0
Tests/LibWeb/Ref/svg-axis-aligned-lines.html → Tests/LibWeb/Screenshot/svg-axis-aligned-lines.html
Xem Tập Tin


+ 2 - 2
Tests/LibWeb/Ref/svg-background-no-natural-size.html → Tests/LibWeb/Screenshot/svg-background-no-natural-size.html
Xem Tập Tin 

@@ -13,7 +13,7 @@
 
   }
 
   .svg-rect {
 
     background-size: 34%;
 
-    background-image: url(assets/vertical-rect.svg);
 
+    background-image: url(./assets/vertical-rect.svg);
 
   }
 
   img {
 
     width: 100px;
 
@@ -21,4 +21,4 @@
 
   }
 
 </style>
 
 <div class="svg-rect"></div>
 
-<body><span></span><img src="assets/vertical-rect.svg">
 
+<body><span></span><img src="./assets/vertical-rect.svg">

+ 0 - 0
Tests/LibWeb/Ref/svg-clip-path-and-mask.html → Tests/LibWeb/Screenshot/svg-clip-path-and-mask.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/svg-clip-rule.html → Tests/LibWeb/Screenshot/svg-clip-rule.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/svg-gradient-spreadMethod.html → Tests/LibWeb/Screenshot/svg-gradient-spreadMethod.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/svg-maskContentUnits.html → Tests/LibWeb/Screenshot/svg-maskContentUnits.html
Xem Tập Tin


+ 0 - 0
Tests/LibWeb/Ref/svg-radialGradient.html → Tests/LibWeb/Screenshot/svg-radialGradient.html
Xem Tập Tin


Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5