Bug 1962663 [wpt PR 52120] - [line-clamp] Make text-overflow: ellipsis work inside line-clamp, a=testonly

Automatic update from web-platform-tests
[line-clamp] Make `text-overflow: ellipsis` work inside `line-clamp`

Since `-webkit-line-clamp` was first implemented in Webkit, using line
clamping would prevent `text-overflow: ellipsis` from working inside
the line clamp container. This seems to have been a side effect of the
initial implementation, and it was kept as it was when the
implementation was redone for LayoutNG, even though that is no longer
a side effect.

Recently, in w3c/csswg-drafts#10823 the
CSSWG resolved that `text-overflow: ellipsis` should apply inside a
line-clamp container. For the last line until clamp, if
`text-overflow: ellipsis` also applies to it, the line clamp ellipsis
is applied first -- however, since we currently only support ellipsis,
rather than a text string, for both the `text-overflow` and line-clamp
ellipses, this would be identical to only applying the line clamp
ellipsis.

This change also removes the `LineClampData::State::kDontTruncate`
state, which was set when there was no possibility of clamping, but
`text-overflow: ellipsis` should still not apply because we were still
inside the line-clamp container. Since `text-overflow: ellipsis` now
should apply in those cases, we remove that state, and use `kDisabled`
instead. We also add an `ignore_line_clamp` flag to
`BlockLineClampData` to know to ignore the line-clamp properties when
performing a relayout without clamping.

Additionally, this change updates some WPT tests that were rendered
incorrect with this resolution.

Bug: 40336192, 407971271
Change-Id: I06e43011a12ba27507b6f661c7b0484d6587cf19
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6470150
Reviewed-by: Ian Kilpatrick 
Reviewed-by: Koji Ishii 
Commit-Queue: Andreu Botella 
Cr-Commit-Position: refs/heads/main@{#1451710}

--

wpt-commits: f70ccb743183524cdb23aa4fc3ce0343d1734fd2
wpt-pr: 52120

Author: andreubotella

testing/web-platform/tests/css/css-overflow/line-clamp/line-clamp-auto-009.tentative.html

@@ -4,10 +4,10 @@
 <link rel="author" title="Andreu Botella" href="mailto:[email protected]">
 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#line-clamp">
 <link rel="match" href="reference/webkit-line-clamp-036-ref.html">
-<meta name="assert" content="text-overflow: ellipsis doesn't apply in a line-clamp: auto context">
+<meta name="assert" content="text-overflow: ellipsis does apply in a line-clamp: auto context">
 <style>
 .clamp {
-  width: 10ch;
+  width: 10.1ch;
   max-height: 80px;
   font: 16px / 32px monospace;
   background-color: yellow;

testing/web-platform/tests/css/css-overflow/line-clamp/line-clamp-auto-010.tentative.html

@@ -4,10 +4,10 @@
 <link rel="author" title="Andreu Botella" href="mailto:[email protected]">
 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#line-clamp">
 <link rel="match" href="reference/webkit-line-clamp-037-ref.html">
-<meta name="assert" content="text-overflow: ellipsis doesn't apply in a line-clamp: auto context, even if it doesn't have a max-height">
+<meta name="assert" content="text-overflow: ellipsis does apply in a line-clamp: auto context, even if it doesn't have a max-height">
 <style>
 .clamp {
-  width: 150px;
+  width: 15.1ch;
   font: 16px / 32px monospace;
   background-color: yellow;
   padding: 4px;

testing/web-platform/tests/css/css-overflow/line-clamp/reference/webkit-line-clamp-036-ref.html

@@ -4,14 +4,14 @@
 .clamp {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  width: 10ch;
+  width: 10.1ch;
   font: 16px / 32px monospace;
   background-color: yellow;
   padding: 4px;
   overflow: hidden;
 }
 style>
 <div class="clamp">
-  supercalifragilisticexpialidocious
   supercali…
+  …
 div>

testing/web-platform/tests/css/css-overflow/line-clamp/reference/webkit-line-clamp-037-ref.html

@@ -4,14 +4,14 @@
 .clamp {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  width: 150px;
+  width: 15.1ch;
   font: 16px / 32px monospace;
   background-color: yellow;
   padding: 4px;
   overflow: hidden;
 }
 style>
 <div class="clamp">
-  supercalifragilisticexpialidocious
-  supercalifragilisticexpialidocious
+  supercalifragi…
+  supercalifragi…
 div>

testing/web-platform/tests/css/css-overflow/line-clamp/webkit-line-clamp-036.html

@@ -2,13 +2,13 @@
 <meta charset="utf-8">
 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp">
 <link rel="match" href="reference/webkit-line-clamp-036-ref.html">
-<meta name="assert" content="text-overflow: ellipsis shouldn't apply within a -webkit-line-clamp context.">
+<meta name="assert" content="text-overflow: ellipsis does apply within a -webkit-line-clamp context.">
 <style>
 .clamp {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
-  width: 10ch;
+  width: 10.1ch;
   font: 16px / 32px monospace;
   background-color: yellow;
   padding: 4px;

testing/web-platform/tests/css/css-overflow/line-clamp/webkit-line-clamp-037.html

@@ -2,13 +2,13 @@
 <meta charset="utf-8">
 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp">
 <link rel="match" href="reference/webkit-line-clamp-037-ref.html">
-<meta name="assert" content="text-overflow: ellipsis shouldn't apply within a -webkit-line-clamp context.">
+<meta name="assert" content="text-overflow: ellipsis should apply within a -webkit-line-clamp context.">
 <style>
 .clamp {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
-  width: 150px;
+  width: 15.1ch;
   font: 16px / 32px monospace;
   background-color: yellow;
   padding: 4px;