Bug 1848650 [wpt PR 41449] - Udpdate existing tests to match spec cha…

…nge, a=testonly Automatic update from web-platform-tests Udpdate existing tests to match spec change See w3c/csswg-drafts#8972 -- Extended tests for CSS spec change w3c/csswg-drafts#8972 -- wpt-commits: 53807acd4083a922122b48f1ffe67dbd768ecd7c, 95e1a49d028b1477af6d0e69033d7205d8452da5 wpt-pr: 41449
ErichDonGubler · Aug 24, 2023 · 822863f · 822863f
1 parent 3b1f072
commit 822863f
Show file tree

Hide file tree

Showing 28 changed files with 506 additions and 92 deletions.
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-003.html b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-004.html b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-005.html b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-006.html b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-010.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-010.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — ZERO WIDTH JOINER after atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following ZERO WIDTH 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: 100px/1 Ahem;
+  color: transparent;
+  width: 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><span>A</span>&#x200D;B</div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-011.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-011.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — ZERO WIDTH JOINER before atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding ZERO WIDTH 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: 100px/1 Ahem;
+  color: green;
+  width: 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>A&#x200D;<span>B</span></div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-012.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-012.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — ZERO WIDTH NO-BREAK SPACE after atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following ZERO WIDTH 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: 100px/1 Ahem;
+  color: transparent;
+  width: 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><span>A</span>&#xFEFF;B</div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-013.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-013.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — ZERO WIDTH NO-BREAK SPACE before atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding ZERO WIDTH 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: 100px/1 Ahem;
+  color: green;
+  width: 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>A&#xFEFF;<span>B</span></div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-014.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-014.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — MONGOLIAN VOWEL SEPARATOR after atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding MONGOLIAN VOWEL SEPARATOR">
+<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: 100px/1 Ahem;
+  color: green;
+  width: 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>A&#x180E;<span>B</span></div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-015.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-015.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — MONGOLIAN VOWEL SEPARATOR before atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following MONGOLIAN VOWEL SEPARATOR">
+<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: 100px/1 Ahem;
+  color: transparent;
+  width: 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><span>A</span>&#x180E;B</div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-016.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-016.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — COMBINING GRAPHEME JOINER after atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding COMBINING GRAPHEME 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: 100px/1 Ahem;
+  color: green;
+  width: 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>A&#x034F;<span>B</span></div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-017.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-017.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — COMBINING GRAPHEME JOINER before atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following COMBINING GRAPHEME 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: 100px/1 Ahem;
+  color: transparent;
+  width: 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><span>A</span>&#x034F;B</div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-018.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-018.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — FIGURE SPACE after atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a preceeding FIGURE SPACE (class GL)">
+<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: 100px/1 Ahem;
+  color: green;
+  width: 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>A&#x2007;<span>B</span></div>
diff --git a/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-019.html b/testing/web-platform/tests/css/css-text/line-breaking/line-breaking-atomic-019.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<meta charset="utf-8">
+<title>CSS Text — FIGURE SPACE before atomic inline</title>
+<meta name=assert content="There is no soft wrap opportunity between an atomic inline and a following FIGURE SPACE (class GL)">
+<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: 100px/1 Ahem;
+  color: transparent;
+  width: 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><span>A</span>&#x2007;B</div>