Automatic update from web-platform-tests
Converted background-clip:text web tests to WPT
This change migrates Blink-internal background-clip:text layout tests to
WPT reftests, improving cross-browser test coverage and alignment with
the WPT test suite.
What changed:
- Converted 12 Blink-internal tests to WPT under
external/wpt/css/css-backgrounds/background-clip/
- Deleted the original Blink-internal tests and their expectations
- Updated TestLists/Default.txt and TestLists/highdpi to reference the
new WPT paths
- Modernized CSS: -webkit-background-clip: text -> background-clip: text,
-webkit-text-fill-color: transparent -> color: transparent
Mapping of old to new tests:
fast/backgrounds/background-clip-text.html
-> clip-text-constrain-geometry.html
fast/backgrounds/background-clip-text-with-blend-mode.html
-> clip-text-blend-mode.html
fast/backgrounds/background-clip-text-multiline.html
-> clip-text-multiline-background-image.html
fast/backgrounds/background-clip-text-multiline-linebreak.html
-> clip-text-multiline-linebreak.html
fast/backgrounds/background-clip-text-on-body.html
-> clip-text-on-body-scroll.html
fast/css/clip-text-in-scaled-div.html
-> clip-text-scaled.html
paint/background/background-clip-text-transform.html
-> clip-text-transform.html
paint/background/background-clip-text-inline.html
-> clip-text-inline.html
paint/background/background-clip-text-descendants.html
-> clip-text-descendants.html
paint/invalidation/background/background-clip-text-change.html
-> clip-text-dynamic-text-change.html
compositing/background-color/background-color-text-clip.html
-> clip-text-composited-descendant-with-bg-color.html
fragmentation/webkit-background-clip-text.html
-> clip-text-fragmentation.html
Bug: 41385122
Change-Id: Ifaec65209a6b42fffa8d1a1fdd7b5cce5f01e3ee
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7682456
Reviewed-by: Philip Rogers <pdr@chromium.org>
Commit-Queue: Olga Gerchikov <gerchiko@microsoft.com>
Reviewed-by: Claire Chambers <clchambers@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#1609610}
--
wpt-commits: 4e519ab7e93930e9c62547c76856f8c6bf239f9b
wpt-pr: 58891
21 lines
651 B
HTML
21 lines
651 B
HTML
<!DOCTYPE html>
|
|
<title>background-clip:text on inline elements</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text">
|
|
<link rel="match" href="clip-text-inline-ref.html">
|
|
<style>
|
|
body {
|
|
font-size: 40px;
|
|
}
|
|
.text-clip {
|
|
background: blue;
|
|
background-clip: text;
|
|
color: rgba(255,0,0,0.5);
|
|
}
|
|
</style>
|
|
<!-- Passes if all texts below are purple. -->
|
|
<!-- The s are to avoid glyph overflows. -->
|
|
<span class="text-clip"> Text1 </span><span class="text-clip"> Text2 </span>
|
|
<br>
|
|
<span class="text-clip"> Text3 </span><span class="text-clip"> Text4 </span>
|
|
|