Udpdate existing tests to match spec change

See w3c/csswg-drafts#8972
web-platform-tests · Aug 14, 2023 · 53807ac · 53807ac
1 parent 2a0c5f1
commit 53807ac
Show file tree

Hide file tree

Showing 10 changed files with 48 additions and 92 deletions.
diff --git a/css/css-text/line-breaking/line-breaking-atomic-003.html b/css/css-text/line-breaking/line-breaking-atomic-003.html
@@ -2,24 +2,24 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — NARROW NO-BREAK SPACE after atomic inline</title>
-<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a preceeding NARROW NO-BREAK SPACE">
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding NARROW NO-BREAK SPACE">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
 <link rel=match href="../../reference/ref-filled-green-100px-square.xht">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
 div {
-  font: 50px/1 Ahem;
+  font: 100px/1 Ahem;
   color: green;
   width: 100px;
-  height: 100px;
   background: red;
 }
 span {
   display: inline-block;
+  color: transparent;
 }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.
 
-<div>AB&#8239;<span>CD</span></div>
+<div>A&#8239;<span>B</span></div>
diff --git a/css/css-text/line-breaking/line-breaking-atomic-004.html b/css/css-text/line-breaking/line-breaking-atomic-004.html
@@ -2,31 +2,24 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — NARROW NO-BREAK SPACE before atomic inline</title>
-<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following NARROW NO-BREAK SPACE">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
-<link rel=match href="reference/line-breaking-atomic-004-ref.html">
+<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
-.red {
-  font: 50px/1 Ahem;
-  position: absolute;
-  z-index: -1;
-  color: red;
-}
-
-.test {
-  font: 50px/1 Ahem;
-  color: green;
+div {
+  font: 100px/1 Ahem;
+  color: transparent;
   width: 100px;
-  height: 100px;
+  background: red;
 }
 span {
   display: inline-block;
+  color: green;
 }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.
 
-<div class=red>&#8239;AB<br>&#8239;CD</div>
-<div class=test><span>&#8239;AB</span>&#8239;CD</div>
+<div><span>A</span>&#8239;B</div>
diff --git a/css/css-text/line-breaking/line-breaking-atomic-005.html b/css/css-text/line-breaking/line-breaking-atomic-005.html
@@ -2,31 +2,24 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — WORD JOINER after atomic inline</title>
-<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a following WORD JOINER">
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following WORD JOINER">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
-<link rel=match href="reference/line-breaking-atomic-005-ref.html">
+<link rel=match href="../../reference/ref-filled-green-100px-square.xht">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
-.red {
-  font: 50px/1 Ahem;
-  position: absolute;
-  z-index: -1;
-  color: red;
-}
-
-.test {
-  font: 50px/1 Ahem;
-  color: green;
+div {
+  font: 100px/1 Ahem;
+  color: transparent;
   width: 100px;
-  height: 100px;
+  background: red;
 }
 span {
   display: inline-block;
+  color: green;
 }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.
 
-<div class=red>&#8288;AB<br>&#8288;CD</div>
-<div class=test><span>&#8288;AB</span>&#8288;CD</div>
+<div><span>A</span>&#8288;B</div>
diff --git a/css/css-text/line-breaking/line-breaking-atomic-006.html b/css/css-text/line-breaking/line-breaking-atomic-006.html
@@ -2,24 +2,24 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — WORD JOINER before atomic inline</title>
-<meta name=assert content="There is a soft wrap opportunity between an atomic inline and a preceeding WORD JOINER">
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding WORD JOINER">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
 <link rel=match href="../../reference/ref-filled-green-100px-square.xht">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
 <style>
 div {
-  font: 50px/1 Ahem;
+  font: 100px/1 Ahem;
   color: green;
   width: 100px;
-  height: 100px;
   background: red;
 }
 span {
   display: inline-block;
+  color: transparent;
 }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.
 
-<div>AB&#8288;<span>CD</span></div>
+<div>A&#8288;<span>B</span></div>
diff --git a/css/css-text/line-breaking/line-breaking-replaced-002.html b/css/css-text/line-breaking/line-breaking-replaced-002.html
@@ -2,22 +2,25 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — NARROW NO-BREAK SPACE and replaced element</title>
-<meta name=assert content="There is a soft wrap opportunity between replaced elements and adjacent NARROW NO-BREAK SPACE">
+<meta name=assert content="There is no soft wrap opportunity between replaced elements and adjacent NARROW NO-BREAK SPACE">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
 <link rel=match href="reference/line-breaking-replaced-002-ref.html">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <style>
-.red {
-	position: absolute;
-	z-index: -1;
-}
 .test {
-	width: 0;
+    width: 50px;
+}
+.red {
+    position: absolute;
+    color: red;
+    z-index: -1;
+    padding-left: 60px;
+    padding-top: 40px;
 }
 </style>
 
 <p>Test passes if there is no red.
 
-<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br>&#8239;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
+<div class=red>&#8239;XX</div>
 
-<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
+<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100></div>
diff --git a/css/css-text/line-breaking/line-breaking-replaced-003.html b/css/css-text/line-breaking/line-breaking-replaced-003.html
@@ -2,22 +2,25 @@
 <html>
 <meta charset="utf-8">
 <title>CSS Text — WORD JOINER and replaced element</title>
-<meta name=assert content="There is a soft wrap opportunity between replaced elements and adjacent WORD JOINER">
+<meta name=assert content="There is no soft wrap opportunity between replaced elements and adjacent WORD JOINER">
 <link rel=help href="https://www.w3.org/TR/css-text-3/#line-break-details">
 <link rel=match href="reference/line-breaking-replaced-003-ref.html">
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
 <style>
-.red {
-	position: absolute;
-	z-index: -1;
-}
 .test {
-	width: 0;
+    width: 50px;
+}
+.red {
+    position: absolute;
+    color: red;
+    z-index: -1;
+    padding-left: 60px;
+    padding-top: 40px;
 }
 </style>
 
 <p>Test passes if there is no red.
 
-<div class=red><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8DwHwAFBQIAX8jx0gAAAABJRU5ErkJggg==" width=50></div>
+<div class=red>XX</div>
 
-<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
+<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100>&#8288;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100></div>
diff --git a/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html b/css/css-text/line-breaking/reference/line-breaking-atomic-004-ref.html
diff --git a/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html b/css/css-text/line-breaking/reference/line-breaking-atomic-005-ref.html
diff --git a/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html b/css/css-text/line-breaking/reference/line-breaking-replaced-002-ref.html
@@ -3,7 +3,6 @@
 <meta charset="utf-8">
 <title>Test reference</title>
 <link rel=author title="Florian Rivoal" href="https://florian.rivoal.net">
-
 <p>Test passes if there is no red.
 
-<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8239;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
+<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100>&#8239;<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100></div>
diff --git a/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html b/css/css-text/line-breaking/reference/line-breaking-replaced-003-ref.html
@@ -6,4 +6,4 @@
 
 <p>Test passes if there is no red.
 
-<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50><br>&#8288;<br><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50></div>
+<div class=test><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkaGD4DwACiQGBU29HsgAAAABJRU5ErkJggg==" width=50 height=100></div>