Fix and cleanup some gradient WPT tests.
This changeset fixes multiple-position-color-stop-radial-2.html which was accidentally passing due to both the test and the reference using invalid syntax.
It also cleans up some other tests that were linking to the wrong spec section.
Differential Revision: https://phabricator.services.mozilla.com/D66038
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1620893
gecko-commit: 5478b9d179a39a72c3c234968edf77d8492aa99f
gecko-integration-branch: autoland
gecko-reviewers: emilio
diff --git a/css/css-images/linear-gradient-1.html b/css/css-images/linear-gradient-1.html
index dcf590f..aa5a131 100644
--- a/css/css-images/linear-gradient-1.html
+++ b/css/css-images/linear-gradient-1.html
@@ -1,23 +1,14 @@
<!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>
\ No newline at end of file
+<meta charset="utf-8">
+<title>Linear gradient with some inferred positions</title>
+<link rel="help" href="https://drafts.csswg.org/css-images-3/#coloring-gradient-line">
+<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>
+<div id="gradient"></div>
diff --git a/css/css-images/linear-gradient-2.html b/css/css-images/linear-gradient-2.html
index bdfd96e..a9dca04 100644
--- a/css/css-images/linear-gradient-2.html
+++ b/css/css-images/linear-gradient-2.html
@@ -1,23 +1,14 @@
<!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>
\ No newline at end of file
+<meta charset="utf-8">
+<title>Linear gradient with all inferred positions</title>
+<link rel="help" href="https://drafts.csswg.org/css-images-3/#coloring-gradient-line">
+<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>
+<div id="gradient"></div>
diff --git a/css/css-images/linear-gradient-ref.html b/css/css-images/linear-gradient-ref.html
index 6643bb9..033f1767 100644
--- a/css/css-images/linear-gradient-ref.html
+++ b/css/css-images/linear-gradient-ref.html
@@ -1,19 +1,10 @@
<!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>
\ No newline at end of file
+<meta charset="utf-8">
+<style>
+ #gradient {
+ width: 400px;
+ height: 300px;
+ background-image: linear-gradient(to right, black 0%, red 50%, gold 100%);
+ }
+</style>
+<div id="gradient"></div>
diff --git a/css/css-images/multiple-position-color-stop-radial-2-ref.html b/css/css-images/multiple-position-color-stop-radial-2-ref.html
index 9b5bdfd..39850ad 100644
--- a/css/css-images/multiple-position-color-stop-radial-2-ref.html
+++ b/css/css-images/multiple-position-color-stop-radial-2-ref.html
@@ -1,5 +1,5 @@
<!doctype html>
-<meta charset=utf-8>
+<meta charset="utf-8">
<body>
- <div style="background: radial-gradient(center, red 0%, red 25%, blue 25%, blue 75%, red 75%, red 100%); width: 100px; height: 100px;"><br></div>
+ <div style="background: radial-gradient(red 0%, red 25%, blue 25%, blue 75%, red 75%, red 100%); width: 100px; height: 100px;"><br></div>
</body>
diff --git a/css/css-images/multiple-position-color-stop-radial-2.html b/css/css-images/multiple-position-color-stop-radial-2.html
index c66b083..339f5d4 100644
--- a/css/css-images/multiple-position-color-stop-radial-2.html
+++ b/css/css-images/multiple-position-color-stop-radial-2.html
@@ -1,9 +1,7 @@
<!doctype html>
-<meta charset=utf-8>
+<meta charset="utf-8">
<title>Radial gradient with a two position color stops</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#color-stop-syntax">
<meta name="assert" content="Color stops with two positions are equivalent to two color stops with the same color">
-<link rel=match href=/css/css-images/multiple-position-color-stop-radial-2-ref.html>
-<body>
- <div style="background: radial-gradient(center, red 0% 25%, blue 25% 75%, red 75% 100%); width: 100px; height: 100px;"><br></div>
-</body>
+<link rel="match" href=/css/css-images/multiple-position-color-stop-radial-2-ref.html>
+<div style="background: radial-gradient(red 0% 25%, blue 25% 75%, red 75% 100%); width: 100px; height: 100px;"><br></div>
