Files
sousa-gecko/testing/web-platform/tests/css/css-backgrounds/background-clip/clip-text-inline.html
T
Olga Gerchikov 201b2ccf02 Bug 2029123 [wpt PR 58891] - Converted background-clip:text web tests to WPT, a=testonly
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
2026-04-17 08:37:40 +00:00

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 &nbsp;s are to avoid glyph overflows. -->
<span class="text-clip">&nbsp;Text1&nbsp;</span><span class="text-clip">&nbsp;Text2&nbsp;</span>
<br>
<span class="text-clip">&nbsp;Text3&nbsp;</span><span class="text-clip">&nbsp;Text4&nbsp;</span>