Tests/LibWeb: Use SerenitySans in new layout tests

This ensures consistent font metrics no matter which platform fonts
are available.

4 files changed, 10 insertions, 8 deletions

diff --git a/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt b/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt
index 41282e4fb6..13a17665c5 100644
--- a/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt
+++ b/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt
@@ -6,9 +6,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.flex-container> at (11,11) content-size 600x10 flex-container(row) children: not-inline
         BlockContainer <(anonymous)> at (11,11) content-size 0x0 children: inline
           TextNode <#text>
-        BlockContainer <div.flex-item> at (12,72) content-size 24.859375x18.000007 flex-item children: inline
-          line 0 width: 24.859375, height: 19.359375, bottom: 19.359375, baseline: 15.5
-            frag 0 from TextNode start: 0, length: 3, rect: [12,72 24.859375x19.359375]
+        BlockContainer <div.flex-item> at (12,72) content-size 27.15625x18.000007 flex-item children: inline
+          line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
+            frag 0 from TextNode start: 0, length: 3, rect: [12,72 27.15625x17.46875]
               "foo"
           TextNode <#text>
         BlockContainer <(anonymous)> at (11,11) content-size 0x0 children: inline
diff --git a/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt b/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt
index e308923673..9979586dc9 100644
--- a/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt
+++ b/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt
@@ -7,12 +7,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <(anonymous)> at (11,11) content-size 600x0 children: inline
           TextNode <#text>
         BlockContainer <div.foo> at (12,72) content-size 598x18.000007 children: inline
-          line 0 width: 24.859375, height: 19.359375, bottom: 19.359375, baseline: 15.5
-            frag 0 from TextNode start: 0, length: 3, rect: [12,72 24.859375x19.359375]
+          line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
+            frag 0 from TextNode start: 0, length: 3, rect: [12,72 27.15625x17.46875]
               "foo"
           TextNode <#text>
-        BlockContainer <(anonymous)> at (11,211) content-size 600x19.359375 children: inline
-          line 0 width: 25.21875, height: 19.359375, bottom: 19.359375, baseline: 15.5
-            frag 0 from TextNode start: 1, length: 3, rect: [11,211 25.21875x19.359375]
+        BlockContainer <(anonymous)> at (11,211) content-size 600x17.46875 children: inline
+          line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
+            frag 0 from TextNode start: 1, length: 3, rect: [11,211 27.640625x17.46875]
               "bar"
           TextNode <#text>
diff --git a/Tests/LibWeb/Layout/input/flex-item-vertical-padding-relative-to-flex-container-width.html b/Tests/LibWeb/Layout/input/flex-item-vertical-padding-relative-to-flex-container-width.html
index 355b973447..3e1bb29274 100644
--- a/Tests/LibWeb/Layout/input/flex-item-vertical-padding-relative-to-flex-container-width.html
+++ b/Tests/LibWeb/Layout/input/flex-item-vertical-padding-relative-to-flex-container-width.html
@@ -1,6 +1,7 @@
 <style>
 * {
     border: 1px solid black;
+    font-family: 'SerenitySans';
 }
 .flex-container {
     display: flex;
diff --git a/Tests/LibWeb/Layout/input/vertical-padding-relative-to-cb-width.html b/Tests/LibWeb/Layout/input/vertical-padding-relative-to-cb-width.html
index 9c4f828549..fd5f6f302f 100644
--- a/Tests/LibWeb/Layout/input/vertical-padding-relative-to-cb-width.html
+++ b/Tests/LibWeb/Layout/input/vertical-padding-relative-to-cb-width.html
@@ -1,6 +1,7 @@
 <style>
 * {
     border: 1px solid black;
+    font-family: 'SerenitySans';
 }
 .cb {
     width: 600px;