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

Auto merge of #20739 - pyfisch:border-image-outset, r=mbrubeck

Browse source 
Implement border-image-outset

Add an automatic test for border-image-outset with a gradient.
Convert two tests from UTF-8 LE with CRLF line endings to
UTF-8 with LF endings as the old files could not be viewed with servo.

Closes #16638

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/20739)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2018-05-02 18:47:15 -04:00 • committed by GitHub
commit eda59780e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 119 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

29
tests/wpt/metadata/MANIFEST.json
View file

@ -103651,6 +103651,18 @@
{}
]
],
"css/css-backgrounds/border-image-outset-003.html": [
[
"/css/css-backgrounds/border-image-outset-003.html",
[
[
"/css/css-backgrounds/border-image-outset-003-ref.html",
"=="
]
],
{}
]
],
"css/css-backgrounds/border-image-repeat-round.html": [
[
"/css/css-backgrounds/border-image-repeat-round.html",
@ -238780,6 +238792,11 @@
{}
]
],
"css/css-backgrounds/border-image-outset-003-ref.html": [
[
{}
]
],
"css/css-backgrounds/border-radius-001-ref.xht": [
[
{}
@ -490958,13 +490975,21 @@
"visual"
],
"css/css-backgrounds/border-image-outset-001.htm": [
"91206118ea44913c07090d59a2a702b8ba3fb6ef",
"796f739d337c442e64c13ffedc25b38c017ac48d",
"visual"
],
"css/css-backgrounds/border-image-outset-002.htm": [
"6101a51156146dec7d46599f7b8dc34934d9ea2f",
"9e79efb85575ddc330b69a13265a44bc18723dbd",
"visual"
],
"css/css-backgrounds/border-image-outset-003-ref.html": [
"2679f735e348a77aecd49a1f35794e9fc3a9dd87",
"support"
],
"css/css-backgrounds/border-image-outset-003.html": [
"378c9808884010c2e0b0226552b519f3ab4cedce",
"reftest"
],
"css/css-backgrounds/border-image-repeat-001.htm": [
"62ebca7169dbd69684405ec03f86d720fc3354b7",
"visual"

2
tests/wpt/metadata/css/css-backgrounds/background-size-025.html.ini
View file

@ -1,2 +0,0 @@
[background-size-025.html]
expected: FAIL

BIN
tests/wpt/web-platform-tests/css/css-backgrounds/border-image-outset-001.htm
View file

Binary file not shown.

BIN
tests/wpt/web-platform-tests/css/css-backgrounds/border-image-outset-002.htm
View file

Binary file not shown.

23
tests/wpt/web-platform-tests/css/css-backgrounds/border-image-outset-003-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!doctype html>
<meta charset="utf-8">
<title>Blue Box with Green Frame</title>
<style>
#a {
width: 300px;
height: 200px;
position: absolute;
left: 100px;
top: 100px;
border-width: 50px;
border-style: solid;
border-image: linear-gradient(green, green);
background-color: blue;
background-clip: content-box;
border-image-slice: 33%;
padding-left: 100px;
padding-top: 50px;
padding-right: 10px;
padding-bottom: 50px;
}
</style>
<div id="a"></div>

22
tests/wpt/web-platform-tests/css/css-backgrounds/border-image-outset-003.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html>
<meta charset="utf-8">
<title>Background Image Outset</title>
<link rel="match" href="border-image-outset-003-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-outset" />
<style>
#a {
width: 300px;
height: 200px;
position: absolute;
left: 200px;
top: 150px;
border-width: 50px;
border-style: solid;
border-image: linear-gradient(green, green);
background-color: blue;
background-clip: content-box;
border-image-outset: 50px 10px 50px 100px;
border-image-slice: 33%;
}
</style>
<div id="a"></div>