Update web-platform-tests to revision 89aa3f42131cce5a77268ddaeb2fab8a2e29c2a6

This commit is contained in:
WPT Sync Bot 2019-11-17 10:33:25 +00:00
parent 39963266ae
commit ea00d34098
392 changed files with 5974 additions and 7614 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>Reference: mask-image: url(data:...)</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<style>
#back {
position: absolute;
box-sizing: border-box;
width: 200px;
height: 200px;
border: 60px solid green;
background: blue;
}
#front {
position: absolute;
box-sizing: border-box;
width: 200px;
height: 200px;
border: 40px solid blue;
background: green;
mask-image: url(1x1-black-30-alpha.png); /* 1x1 black with 30% transparency */
}
</style>
<p>The test passes if there is a blue-ish square with a 20px green border around it and a 40px blue-green-ish border around that.</p>
<div id="back"></div><div id="front"></div>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<title>CSS Test: mask-image on a fragmented inline</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<style>
columns {
display: block;
columns: 5;
column-fill: auto;
column-gap: 10px;
height: 30px;
background: pink;
}
div { background: grey; height: 50px; }
x {
background: grey;
mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABqklEQVRYhdXZMa6DMAwAUCOxcQAEF0BIzgG6MTEiJcfhItys1yhrl/oP8AvFScP/BJJUYmlR8mo7BgKAgw9JHEiJkRQ+Pw8xksTBxRzHYBJfJPFFStDXYznvGjhJHHbB9sHdg6cI4tMJco2dxnQDJol3OxB7kuJGqi6ozTNq84xUXUzfYb8juveDSPH4imvzjAAS6zgAyYT/gpbi4RiJPTWQ/mtQAKAGUiP4r1gjsqvKPRG0jg+QUFeVh7Ak8e46isa5TNG11ay+/WDvIorGOQEShrW1r/lq8vnvTogkm7eBVJPFp/5kXTS7qjwb+Z5/W7OmqF6dcja/oQS2yMFHyhlWVwLrqJIS4zaaVyMXC+sC4/LjNu1tnnmDtnlmTD+DXlibDAqQaKG8Pv2l/fejWVQDr08pbt6hUtxYnfImXxfeoaouWPNnUI8L6Q3dLqi4oeGmPpbFFEt7Aoik4WuhwV5CI7opieM2b8aGf+M8Q+N4FAGI5OEOIKLH5Rkb/gbEgo1gS8eKDWmTzI6dwSFsOy7YCDZyV9jwt8YZOOSXDVpwyK9vrPATX4j9ALzDM3y+40zWAAAAAElFTkSuQmCC);
}
.end { mask-position:100% 100%; mask-repeat: no-repeat; }
</style>
<body><columns><x style="display:block"><div></div></x></columns><columns><x style="display:block; background: grey; height: 50px;" class="end"></x></columns></body>
</html>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<title>CSS Reference: mask-image on an inline with a block inside split by a columnset</title>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<style>
body { column-width: 40px; column-gap: 0; }
div { padding-inline-start: 40px; margin: 1em 0; border-bottom-style: solid; }
span { margin-inline-end: -2px; }
div { mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGDwAQAAUQBNt+pgmgAAAABJRU5ErkJggg==); }
</style>
<body><x><span></span><div></div></x></body>
</html>