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

Update web-platform-tests to revision 632a3f59238036b6e24b28d47218ba9986ff4c62

Browse source
This commit is contained in:
WPT Sync Bot 2018-09-12 21:47:12 -04:00
parent cd02ca6c19
commit fb838278a5
430 changed files with 15017 additions and 508 deletions
Download patch file Download diff file Expand all files Collapse all files

35
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-path-interpolation-001.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>CSS Masking: Test clip-path nonzero path interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-path">
<link rel="match" href="reference/clip-path-path-interpolation-001-ref.html">
<meta name="assert" content="The clip-path property takes the basic shape
'path()' for clipping. Test the interpolation of nonzero
path function.">
<style>
@keyframes anim {
from {
clip-path: path(nonzero, 'M20,20h60 v60 h-60z M30,30 h40 v40 h-40z');
}
to {
clip-path: path(nonzero, 'M50,50h50 v50 h-50z M20,20 h50 v50 h-50z');
}
}
#rect {
width: 100px;
height: 100px;
background-color: green;
animation: anim 10s -5s paused linear;
}
</style>
</head>
<body>
<div id="rect"></div>
</body>
<script>
requestAnimationFrame(() => {
document.documentElement.classList.remove('reftest-wait');
});
</script>
</html>

35
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-path-interpolation-002.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<title>CSS Masking: Test clip-path evenodd path interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-shapes-2/#funcdef-path">
<link rel="match" href="reference/clip-path-path-interpolation-002-ref.html">
<meta name="assert" content="The clip-path property takes the basic shape
'path()' for clipping. Test the interpolation of evenodd
path function.">
<style>
@keyframes anim {
from {
clip-path: path(evenodd, 'M20,20h60 v60 h-60z M30,30 h40 v40 h-40z');
}
to {
clip-path: path(evenodd, 'M50,50h50 v50 h-50z M20,20 h50 v50 h-50z');
}
}
#rect {
width: 100px;
height: 100px;
background-color: green;
animation: anim 10s -5s paused linear;
}
</style>
</head>
<body>
<div id="rect" class="path-evenodd-animation"></div>
</body>
<script>
requestAnimationFrame(() => {
document.documentElement.classList.remove('reftest-wait');
});
</script>
</html>

24
tests/wpt/web-platform-tests/css/css-masking/clip-path/reference/clip-path-path-interpolation-001-ref.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Masking: Reference for clip-path's path nonzero interpolation</title>
<style type="text/css">
#rect {
width: 100px;
height: 100px;
background-color: green;
clip-path: url("#clip");
}
</style>
</head>
<body>
<div id="rect"></div>
<svg height="0" width="0">
<defs>
<clipPath id="clip">
<path clip-rule="nonzero" d="M35,35 H90 V90 H35Z M25,25 H70 V70 H25Z"/>
</clipPath>
</defs>
</svg>
</body>
</html>

24
tests/wpt/web-platform-tests/css/css-masking/clip-path/reference/clip-path-path-interpolation-002-ref.html Normal file
View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Masking: Reference for clip-path's path evenodd interpolation</title>
<style type="text/css">
#rect {
width: 100px;
height: 100px;
background-color: green;
clip-path: url("#clip");
}
</style>
</head>
<body>
<div id="rect"></div>
<svg height="0" width="0">
<defs>
<clipPath id="clip">
<path clip-rule="evenodd" d="M35,35 H90 V90 H35Z M25,25 H70 V70 H25Z"/>
</clipPath>
</defs>
</svg>
</body>
</html>