Add some more tests for gradients

This commit is contained in:
Pyfisch 2017-06-19 16:08:04 +02:00
parent b211664e87
commit 4935fbf555
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>