mirror of
https://github.com/servo/servo.git
synced 2025-08-10 07:55:33 +01:00
Update web-platform-tests to revision 20a217cb8488e4339e0c9610aba99e2654b676c3
This commit is contained in:
parent
3ca86eeba5
commit
21de781e2a
285 changed files with 5707 additions and 670 deletions
|
@ -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>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>CSS Masking: Mutating a <clipPath>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>
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 100px; height: 100px; background-color: green;"></div>
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 100px; height: 100px; background-color: green"></div>
|
Loading…
Add table
Add a link
Reference in a new issue