Update web-platform-tests to revision 20a217cb8488e4339e0c9610aba99e2654b676c3

This commit is contained in:
WPT Sync Bot 2020-04-17 08:19:21 +00:00
parent 3ca86eeba5
commit 21de781e2a
285 changed files with 5707 additions and 670 deletions

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<title>CSS Masking: Consecutive clip-paths don't affect each other.</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://crbug.com/391291">
<link rel="match" href="reference/clip-path-reference-restore-ref.html">
<meta name="assert" content="Check that consecutive clip-paths don't affect each other"/>
<style>
.error {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
}
.test {
width: 200px;
height: 50px;
background-color: green;
clip-path: url(#c);
}
</style>
<div class="error"></div>
<div class="test"></div>
<div class="test"></div>
<svg>
<defs>
<clipPath id="c" clipPathUnits="objectBoundingBox">
<rect width="0.5" height="1"/>
</clipPath>
</defs>
</svg>

View file

@ -0,0 +1,32 @@
<!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>

View file

@ -0,0 +1,2 @@
<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green;"></div>

View file

@ -0,0 +1,2 @@
<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>