Skip to content

GitLab

T
tangled
Commit c21ee9b0 authored by Gyuyoung Kim's avatar Gyuyoung Kim Committed by Commit Bot
Browse files
Options

[css-masking] Migrate clip-path-descendant-text-mutated.html to WPT 

This CL migrates clip-path-descendant-text-mutated[-expected].html
tests from css3/masking to external/wpt/css/css-masking/clip-path
with WPT styles, adding links to the relevant specs,
and test description.

Additionally, this test is renamed to
clip-path-descendant-text-mutated-001[-ref].html to be align with
existing test naming style.

Bug: 1063749
Change-Id: I1b24edd2dff153c31023f5fc2de9aac507d813c7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2143069Reviewed-by: default avatarStephen Chenney <schenney@chromium.org>
Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com>
Cr-Commit-Position: refs/heads/master@{#758650}
parent 3c9698f2
Hide whitespace changes
Inline Side-by-side
Showing with 31 additions and 23 deletions
third_party/blink/web_tests/css3/masking/clip-path-descendant-text-mutated.html deleted 100644 → 0
View file @ 3c9698f2
<!DOCTYPE html>
<script src="../../resources/ahem.js"></script>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
border-right: 100px solid red;
clip-path: url(#clip);
}
</style>
<div id="target"></div>
<svg>
<clipPath id="clip">
<text id="text" y="80" font-family="Ahem" font-size="100">XX</text>
</clipPath>
</svg>
<script>
runAfterLayoutAndPaint(function() {
text.firstChild.data = 'X';
}, true);
</script>
third_party/blink/web_tests/external/wpt/css/css-masking/clip-path/clip-path-descendant-text-mutated-001.html 0 → 100644
View file @ c21ee9b0
<!DOCTYPE html>
<title>CSS Masking: Test ancestors update as text descendants change</title>
<link rel="author" title="Fredrik Söderquist" href="mailto:fs@opera.com">
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path">
<link rel="issue" href="https://bugs.chromium.org/p/chromium/issues/detail?id=901851">
<link rel="match" href="reference/clip-path-descendant-text-mutated-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<meta name="assert" content="This test ensures that ancestors are updated properly when a text descendant of clip path property changes.">
<script src="/common/reftest-wait.js"></script>
<script src="/common/rendering-utils.js"></script>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
border-right: 100px solid red;
clip-path: url(#clip);
}
</style>
<div id="target"></div>
<svg>
<clipPath id="clip">
<text id="text" y="80" font-family="Ahem" font-size="100">XX</text>
</clipPath>
</svg>
<script>
waitForAtLeastOneFrame().then(function() {
text.firstChild.data = 'X';
takeScreenshot();
});
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment