mirror of
https://github.com/servo/servo.git
synced 2025-08-04 05:00:08 +01:00
Add some more tests for gradients
This commit is contained in:
parent
b211664e87
commit
4935fbf555
6 changed files with 178 additions and 7 deletions
|
@ -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",
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue