mirror of
https://github.com/servo/servo.git
synced 2025-08-14 18:05:36 +01:00
Update web-platform-tests to revision ea9dc9c56d87f0b84f3d4e95c92fc796a4d6751f
This commit is contained in:
WPT Sync Bot
parent
9fd668488e
commit
970a34bb8e
156 changed files with 2619 additions and 152 deletions
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Masking: Test clip-path property in column</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://bugs.chromium.org/p/chromium/issues/detail?id=626097">
|
||||
<link rel="match" href="reference/clip-path-columns-shape-001-ref.html">
|
||||
<meta name="assert" content="This test ensures that clip-path property works correctly in column layout.">
|
||||
<style>
|
||||
body { margin: 0; }
|
||||
.clipped {
|
||||
background-color: green;
|
||||
border: 5px solid red;
|
||||
-webkit-clip-path: inset(5px);
|
||||
clip-path: inset(5px);
|
||||
}
|
||||
</style>
|
||||
<div style="columns: 2; column-gap: 0; width: 200px; height: 100px">
|
||||
<div style="height: 100px"></div>
|
||||
<div style="height: 90px" class="clipped"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Masking: clip path reference box with box-shadow</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://drafts.csswg.org/css-backgrounds-3/#propdef-box-shadow">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=418484">
|
||||
<link rel="match" href="reference/clip-path-reference-box-001-ref.html">
|
||||
<meta name="assert" content="Check that the 'clip-path' property uses the border box as the reference box.">
|
||||
|
||||
<style>
|
||||
.clipped {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background-color: green;
|
||||
clip-path: polygon(0% 0%,100% 0%,100% 50%,0% 50%);
|
||||
box-shadow: 100px 0px red;
|
||||
}
|
||||
</style>
|
||||
<div class="clipped"></div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Masking: clip path reference box with transform</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://bugs.chromium.org/p/chromium/issues/detail?id=418484">
|
||||
<link rel="match" href="reference/clip-path-reference-box-003-ref.html">
|
||||
<meta name="assert" content="Check that the 'clip-path' property uses the border box as the reference box when using transform.">
|
||||
|
||||
<style>
|
||||
.clipped {
|
||||
width: 100px;
|
||||
height: 200px;
|
||||
background-color: green;
|
||||
clip-path: polygon(0% 0%,100% 0%,100% 50%,0% 50%);
|
||||
}
|
||||
.abs {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
<div class="abs">
|
||||
<div class="clipped" style="position: absolute; overflow: hidden">
|
||||
<div class="abs" style="transform: translate(0px, 100px); background-color: red;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Masking: Test clip-path after updating its transform</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://bugs.chromium.org/p/chromium/issues/detail?id=881700">
|
||||
<link rel="match" href="reference/clip-path-transform-mutated-001-ref.html">
|
||||
<meta name="assert" content="This test ensures that updating clipPath transform works properly.">
|
||||
<script>
|
||||
setup({ explicit_done: true });
|
||||
</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>
|
||||
clip.style.transform = 'scale(100, 100)';
|
||||
</script>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Masking: clip path with local URL using a base element</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://drafts.csswg.org/css-values/#local-urls">
|
||||
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=470608">
|
||||
<link rel="match" href="reference/reference-local-url-with-base-001-ref.html">
|
||||
<meta name="assert" content="Check that fragment-only URLs are always document-local references.">
|
||||
|
||||
<base href="http://www.example.com/">
|
||||
<style>
|
||||
#target {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-right: 100px solid red;
|
||||
background-color: green;
|
||||
clip-path: url(#clip);
|
||||
}
|
||||
</style>
|
||||
<div id="target"></div>
|
||||
<svg>
|
||||
<clipPath id="clip">
|
||||
<rect width="100" height="100"/>
|
||||
</clipPath>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<body style="margin: 0">
|
||||
<div style="width: 90px; height: 90px; margin-left: 105px; margin-top: 5px; background-color: green"></div>
|
||||
</body>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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