Auto merge of #17405 - pyfisch:gradient-tests, r=jdm

Add some more tests for gradients

<!-- Please describe your changes on the following line: -->

@jdm proposed to add these tests directly to servo.

@bors-servo try

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [ ] `./mach build -d` does not report any errors
- [ ] `./mach test-tidy` does not report any errors
- [ ] These changes fix #__ (github issue number if applicable).

<!-- Either: -->
- [ ] There are tests for these changes OR
- [ ] These changes do not require tests because _____

<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- 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/17405)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2017-06-21 14:44:25 -07:00 committed by GitHub
commit 1ae76ec246
6 changed files with 178 additions and 7 deletions

View file

@ -109923,6 +109923,42 @@
{}
]
],
"css/css-images-3/gradient-move-stops.html": [
[
"/css/css-images-3/gradient-move-stops.html",
[
[
"/css/css-images-3/gradient-move-stops-ref.html",
"=="
]
],
{}
]
],
"css/css-images-3/linear-gradient-1.html": [
[
"/css/css-images-3/linear-gradient-1.html",
[
[
"/css/css-images-3/linear-gradient-ref.html",
"=="
]
],
{}
]
],
"css/css-images-3/linear-gradient-2.html": [
[
"/css/css-images-3/linear-gradient-2.html",
[
[
"/css/css-images-3/linear-gradient-ref.html",
"=="
]
],
{}
]
],
"css/css-logical-props-1/cascading-001.html": [
[
"/css/css-logical-props-1/cascading-001.html",
@ -228139,6 +228175,16 @@
{}
]
],
"css/css-images-3/gradient-move-stops-ref.html": [
[
{}
]
],
"css/css-images-3/linear-gradient-ref.html": [
[
{}
]
],
"css/css-images-3/support/1x1-green.gif": [
[
{}
@ -287539,6 +287585,11 @@
{}
]
],
"html/the-xhtml-syntax/parsing-xhtml-documents/xhtml-mathml-dtd-entity-support.htm": [
[
{}
]
],
"html/the-xhtml-syntax/parsing-xhtml-fragments/.gitkeep": [
[
{}
@ -334693,12 +334744,6 @@
{}
]
],
"html/the-xhtml-syntax/parsing-xhtml-documents/xhtml-mathml-dtd-entity-support.htm": [
[
"/html/the-xhtml-syntax/parsing-xhtml-documents/xhtml-mathml-dtd-entity-support.htm",
{}
]
],
"html/webappapis/animation-frames/callback-exception.html": [
[
"/html/webappapis/animation-frames/callback-exception.html",
@ -493680,6 +493725,14 @@
"41dc276e1c60a3fbf7920f44b8032fc2b0d7114e",
"reftest"
],
"css/css-images-3/gradient-move-stops-ref.html": [
"bb2fca5aaeb7fe1abf30620695ad3fd832c0d089",
"support"
],
"css/css-images-3/gradient-move-stops.html": [
"4df2c7e3981c94f0f18d5d22a4f5f97a1c834a0f",
"reftest"
],
"css/css-images-3/image-fit-001.xht": [
"868d9469f57e6013a024efa5e04ef2455d97296e",
"visual"
@ -493692,6 +493745,18 @@
"6075765bed0ae20451c82a7d9802e7453ae8fcdc",
"visual"
],
"css/css-images-3/linear-gradient-1.html": [
"fc00201e827325dc3897b789d0e6be920eb4e38b",
"reftest"
],
"css/css-images-3/linear-gradient-2.html": [
"00eadc3f3b8e6debd50af1455f781591d32e56b2",
"reftest"
],
"css/css-images-3/linear-gradient-ref.html": [
"9b528f92e662c345e3ab6f7ad5502b97dc77f79f",
"support"
],
"css/css-images-3/support/1x1-green.gif": [
"a3c674d4bdde016ea98db01141b2584c67526e4a",
"support"
@ -574254,7 +574319,7 @@
],
"html/the-xhtml-syntax/parsing-xhtml-documents/xhtml-mathml-dtd-entity-support.htm": [
"060659a3aafbbf51c8e1a909d5e7d451fdba2893",
"testharness"
"support"
],
"html/the-xhtml-syntax/parsing-xhtml-fragments/.gitkeep": [
"da39a3ee5e6b4b0d3255bfef95601890afd80709",

View file

@ -0,0 +1,19 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, yellow 0%, blue 70%, green 70%, green 100%);
}
</style>
</head>
<body>
<div id="gradient"></div>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Linear gradient which needs some positions changed and inferred.</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-color-stops">
<link rel="match" href="gradient-move-stops-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, yellow, blue 70%, green 0);
}
</style>
</head>
<body>
<div id="gradient"></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Linear gradient with some inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-color-stops">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red, gold);
}
</style>
</head>
<body>
<div id="gradient"></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Linear gradient with all inferred positions</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#radial-color-stops">
<meta name="assert" content="Calculation of implicit gradient stops.">
<link rel="match" href="linear-gradient-ref.html">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black, red, gold);
}
</style>
</head>
<body>
<div id="gradient"></div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#gradient {
width: 400px;
height: 300px;
background-image: linear-gradient(to right, black 0%, red 50%, gold 100%);
}
</style>
</head>
<body>
<div id="gradient"></div>
</body>
</html>