Bug 1587083 [wpt PR 19570] - [css-text] Implement the 'overflow-wrap:…

… anywhere' feature, a=testonly

Automatic update from web-platform-tests
[css-text] Implement the 'overflow-wrap: anywhere' feature

This feature will be implemented as an alias of word-break: break-word,
which the CSS Text 3 declared as deprecated in future levels of the
spec.

There has been a long standing interoperability issues with the
'word-break: break-word' feature, implemented in Blink and WebKit but
not in Firefox, since it was declared as deprecated. This feature can't
be removed to avoid compatibility issues, but also because it provide
a behavior that web authors really need, which is that breaking
opportunities are considered in th min-content size of the box.

The CSS WG resolved [1] that the best approach is to add a new value to
the overflow-wrap CSS property, that provides basically the same behavior
than 'overflow-wrap: break-word' but allowing the breaking opportunities
to be part of the min-content size computation.

This CL will enable the feature by default in next release, since the
intent-to-implement-and-ship request [2] has been already approved.

[1] w3c/csswg-drafts#2682
[2] https://groups.google.com/a/chromium.org/d/msg/blink-dev/CeGWh7l1Jq4/NeQXxZ4UCAAJ

Bug: 905315
Change-Id: I89bbc78f68f425dbad714c8546bc72c530887eb3
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1838194
Commit-Queue: Javier Fernandez <jfernandezigalia.com>
Reviewed-by: Koji Ishii <kojiichromium.org>
Cr-Commit-Position: refs/heads/master{#712867}

--
Fix Ahem

--

wpt-commits: fd6d0cf9a5695ab232b125089ffc6bf42756d053, ad37572b36809af1f914f1b90cb15ae258ce9581
wpt-pr: 19570

UltraBlame original commit: 52c6db0b33d632d737fafbff81db3752430f3085

testing/web-platform/tests/css/css-text/overflow-wrap/overflow-wrap-anywhere-007.html

@@ -0,0 +1,319 @@
+<
+!
+DOCTYPE
+html
+>
+<
+meta
+charset
+=
+"
+utf
+-
+8
+"
+>
+<
+title
+>
+CSS
+Text
+Test
+:
+overflow
+-
+wrap
+-
+anywhere
+(
+basic
+)
+<
+/
+title
+>
+<
+link
+rel
+=
+"
+author
+"
+title
+=
+"
+Javier
+Fernandez
+Garcia
+-
+Boente
+"
+href
+=
+"
+mailto
+:
+jfernandez
+igalia
+.
+com
+"
+>
+<
+link
+rel
+=
+"
+help
+"
+title
+=
+"
+5
+.
+5
+.
+Overflow
+Wrapping
+:
+the
+overflow
+-
+wrap
+/
+word
+-
+wrap
+property
+"
+href
+=
+"
+https
+:
+/
+/
+drafts
+.
+csswg
+.
+org
+/
+css
+-
+text
+-
+3
+/
+#
+overflow
+-
+wrap
+-
+property
+"
+>
+<
+link
+rel
+=
+"
+help
+"
+href
+=
+"
+https
+:
+/
+/
+drafts
+.
+csswg
+.
+org
+/
+css
+-
+text
+-
+3
+/
+#
+valdef
+-
+overflow
+-
+wrap
+-
+anywhere
+"
+>
+<
+link
+rel
+=
+"
+match
+"
+href
+=
+"
+overflow
+-
+wrap
+-
+001
+-
+ref
+.
+html
+"
+>
+<
+meta
+name
+=
+"
+flags
+"
+content
+=
+"
+ahem
+"
+>
+<
+meta
+name
+=
+"
+assert
+"
+content
+=
+"
+The
+'
+overflow
+-
+wrap
+'
+property
+set
+'
+anywhere
+'
+breaks
+the
+word
+at
+an
+arbitrary
+point
+"
+>
+<
+link
+rel
+=
+"
+stylesheet
+"
+type
+=
+"
+text
+/
+css
+"
+href
+=
+"
+/
+fonts
+/
+ahem
+.
+css
+"
+/
+>
+<
+style
+>
+#
+test
+{
+border
+:
+5px
+solid
+orange
+;
+font
+:
+20px
+/
+1
+Ahem
+;
+overflow
+-
+wrap
+:
+anywhere
+;
+width
+:
+200px
+;
+}
+<
+/
+style
+>
+<
+body
+>
+<
+p
+class
+=
+"
+instructions
+"
+>
+Test
+passes
+if
+the
+black
+box
+is
+within
+the
+orange
+box
+.
+<
+/
+p
+>
+<
+p
+id
+=
+"
+test
+"
+>
+FillerTextFillerTextFillerTextFillerText
+<
+/
+p
+>
+<
+/
+body
+>