Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-08 06:55:31 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision f0cb9071aea5ce5b641fcba5f362a0796bdc70bc

Browse source
This commit is contained in:
WPT Sync Bot 2019-11-23 08:37:37 +00:00
parent 0d549e8146
commit 7289e837fd
558 changed files with 8627 additions and 6619 deletions
Download patch file Download diff file Expand all files Collapse all files

7
tests/wpt/web-platform-tests/css/css-masking/clip-path-svg-content/clip-path-recursion-002.svg
View file

@ -5,10 +5,11 @@
<html:link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"/>
<html:link rel="help" href="http://www.w3.org/TR/css-masking-1/#svg-clipping-paths"/>
<html:link rel="help" href="http://www.w3.org/TR/css-masking-1/#ClipPathElement"/>
<html:link rel="match" href="reference/clip-path-invisible-ref.svg" />
<html:link rel="match" href="reference/clip-path-recursion-002-ref.svg" />
<metadata class="flags">svg</metadata>
<desc class="assert">A clipPath recursion counts as invalid clipping
path and makes the element disappear. You should see nothing.</desc>
<desc class="assert">
A clipPath recursion counts as invalid clipping path.
</desc>
</g>
<defs>
<rect x="50" y="150" width="50" height="50" id="rect" fill="none" clip-path="url(#clipPath_1)"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

5
tests/wpt/web-platform-tests/css/css-masking/clip-path-svg-content/reference/clip-path-recursion-002-ref.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" width="50" height="50" fill="red" />
<rect x="50" y="150" width="50" height="50" fill="red"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 242 B

28
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-svg-invalidate-ref.html Normal file
View file

@ -0,0 +1,28 @@
<!doctype html>
<html>
<title>Clip Path: invalidate composited clip-path via SVG</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<style>
body {
margin: 0;
}
div {
height: 500px;
background: black;
clip-path: url(#clip);
will-change: transform;
}
svg {
width: 0;
height: 0;
}
</style>
<div></div>
<svg viewBox="0 0 1 1">
<clipPath id="clip" clipPathUnits="objectBoundingBox">
<polygon points="0,0 0.5,1 1,0" />
</clipPath>
</svg>

41
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-svg-invalidate.html Normal file
View file

@ -0,0 +1,41 @@
<!doctype html>
<html class="reftest-wait">
<title>Clip Path: invalidate composited clip-path via SVG</title>
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
<link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path">
<link rel="match" href="clip-path-svg-invalidate-ref.html">
<script src="/common/reftest-wait.js"></script>
<style>
body {
margin: 0;
}
div {
height: 500px;
background: black;
clip-path: url(#clip);
will-change: transform;
}
svg {
width: 0;
height: 0;
}
</style>
<div></div>
<svg viewBox="0 0 1 1">
<clipPath id="clip" clipPathUnits="objectBoundingBox">
<polygon points="0,0 0.5,0.5 1,0" />
</clipPath>
</svg>
<script>
const polygon = document.querySelector("polygon");
const points = "0,0 0.5,1 1,0";
requestAnimationFrame(() => requestAnimationFrame(() => {
polygon.setAttribute("points", points);
takeScreenshot();
}));
</script>