1 files changed, 19 insertions, 17 deletions
diff --git a/tests/wpt/tests/css/css-inline/text-box-trim/text-box-trim-accumulation-001.html b/tests/wpt/tests/css/css-inline/text-box-trim/text-box-trim-accumulation-001.html
index 08eedbdbfeb..5ff9c7181f8 100644
--- a/tests/wpt/tests/css/css-inline/text-box-trim/text-box-trim-accumulation-001.html
+++ b/tests/wpt/tests/css/css-inline/text-box-trim/text-box-trim-accumulation-001.html
@@ -1,32 +1,34 @@
 <!DOCTYPE html>
 <title>Test choosing the innermost for `text-box-trim` for requested trim metric</title>
-<link rel="help" href="https://drafts.csswg.org/css-inline-3/#propdef-text-box-edge">
-<link rel="help" href="https://drafts.csswg.org/css-inline-3/#propdef-text-box-trim">
+<link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge">
+<link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim">
+<meta name="assert"
+      content="If multiple ancestors specify trimming on the same line box,
+               the text-box-edge value used is that of the innermost block container
+               that requests trimming on that side of the line box."
+> <!-- https://github.com/w3c/csswg-drafts/issues/5426 -->
 <link rel="match" href="text-box-trim-start-001-ref.html?class=text">
-<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
+@import "support/MetricsTestFont.css";
+
 .spacer {
   block-size: 100px;
   background: lightgray;
 }
 .target {
-  font-family: Ahem;
-  font-size: 100px;
-  line-height: 2;
-  text-box-trim: start;
-  text-box-edge: leading;
+  font: 100px/2 MetricsTestFont;
 }
-.inner {
-  text-box-edge: text;
+.target, .outer {
+  text-box-trim: trim-start;
+}
+.outer, .inner {
+  text-box-edge: ex;
 }
 </style>
 <div class="spacer"></div>
-<div class="target">
-  <!--
-    When the element that has `text-box-trim` and `.inner` has different
-    `text-box-edge` values, use the innermost one.
-    https://github.com/w3c/csswg-drafts/issues/5426
-  -->
-  <div class="inner">A</div>
+<div class="outer">
+  <div class="target">
+    <div class="inner">ApÉx</div>
+  </div>
 </div>
 <div class="spacer"></div>