Commit 446b3092 authored by Miyoung Shin's avatar Miyoung Shin Committed by Commit Bot

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

CL migrates clip-path-transform-mutated.html to
external/wpt/css/css-masking/clip-path/, adding links to the
relevant specs and a test assertion describing its purpose,
renaming it to clip-path-transform-mutated-002.html.

BUG=1063749

Change-Id: I1639669d37fdd01893a7bbaaadab07a8e4abc692
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2145389
Commit-Queue: Miyoung Shin <myid.shin@igalia.com>
Reviewed-by: default avatarFredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/master@{#759596}
parent 4f027ab4
<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
clip-path: url(#clip);
}
</style>
<div id="target"></div>
<svg>
<clipPath id="clip">
<rect width="1" height="1"/>
</clipPath>
</svg>
<script>
runAfterLayoutAndPaint(function() {
clip.setAttribute('transform', 'scale(100 100)');
}, true);
</script>
<!DOCTYPE html>
<html class="reftest-wait">
<title>CSS Masking: Mutating a &lt;clipPath&gt;s 'transform' updates the clip path</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="help" href="https://crbug.com/881700">
<link rel="match" href="reference/clip-path-transform-mutated-002-ref.html">
<meta name="assert" content="Check that clipPath's clients should be notified when the 'transform' presentation attribute (or CSS property) was mutated on a <clipPath>."/>
<script src="/common/reftest-wait.js"></script>
<script src="/common/rendering-utils.js"></script>
<style>
#target {
width: 100px;
height: 100px;
background-color: green;
clip-path: url(#clip);
}
</style>
<div id="target"></div>
<svg>
<clipPath id="clip">
<rect width="1" height="1"/>
</clipPath>
</svg>
<script>
waitForAtLeastOneFrame().then(function() {
clip.setAttribute('transform', 'scale(100 100)');
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