aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-variables-1_dev/html
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev/html')
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm12
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-40-ref.htm14
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm8
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/reftest.list1
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/toc.htm2
-rw-r--r--tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-40.htm17
6 files changed, 51 insertions, 3 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm
index 1213593a36f..a51e91a1026 100644
--- a/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/chapter-3.htm
@@ -13,7 +13,7 @@
<body>
<h1>CSS Custom Properties Level 1 CR Test Suite</h1>
- <h2>Using Cascading Variables: the var() notation (78 tests)</h2>
+ <h2>Using Cascading Variables: the var() notation (79 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@@ -31,7 +31,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-variables-1/#using-variables">3 Using Cascading Variables: the var() notation</a></th></tr>
- <!-- 73 tests -->
+ <!-- 74 tests -->
<tr id="css-vars-custom-property-case-sensitive-001-3" class="primary">
<td><strong>
<a href="css-vars-custom-property-case-sensitive-001.htm">css-vars-custom-property-case-sensitive-001</a></strong></td>
@@ -358,6 +358,14 @@
<td>Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.
</td>
</tr>
+ <tr id="variable-reference-40-3" class="primary">
+ <td><strong>
+ <a href="variable-reference-40.htm">variable-reference-40</a></strong></td>
+ <td><a href="reference/variable-reference-40-ref.htm">=</a> </td>
+ <td></td>
+ <td>Test that a variable reference within a gradient value in a border-image shorthand parses correctly.
+ </td>
+ </tr>
<tr id="variable-supports-01-3" class="primary">
<td><strong>
<a href="variable-supports-01.htm">variable-supports-01</a></strong></td>
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-40-ref.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-40-ref.htm
new file mode 100644
index 00000000000..7646e2d459e
--- /dev/null
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/reference/variable-reference-40-ref.htm
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+--><html><head><title>CSS Reftest Reference</title>
+<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
+<style>
+p {
+ border: 2px solid transparent;
+ border-image: linear-gradient(to right, orange, blue) 1 1;
+}
+</style>
+</head><body><p>This paragraph must have an orange/blue gradient border.</p>
+</body></html> \ No newline at end of file
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm
index c4198242c6a..14d2635f2ec 100644
--- a/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm
@@ -872,6 +872,14 @@
<td rowspan="1"></td>
</tr>
</tbody>
+ <tbody id="variable-reference-40" class="">
+ <tr>
+ <td rowspan="1" title="Test that a variable reference within a gradient value in a border-image shorthand parses correctly.">
+ <a href="variable-reference-40.htm">variable-reference-40</a></td>
+ <td><a href="reference/variable-reference-40-ref.htm">=</a> </td>
+ <td rowspan="1"></td>
+ </tr>
+ </tbody>
<tbody id="variable-supports-01" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.">
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list b/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list
index 529a2711bb8..95c8eefac09 100644
--- a/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/reftest.list
@@ -105,6 +105,7 @@ variable-reference-36.htm == reference/variable-reference-36-ref.htm
variable-reference-37.htm == reference/variable-reference-37-ref.htm
variable-reference-38.htm == reference/variable-declaration-59-ref.htm
variable-reference-39.htm == support/color-green-ref.htm
+variable-reference-40.htm == reference/variable-reference-40-ref.htm
variable-supports-01.htm == support/color-green-ref.htm
variable-supports-02.htm == support/color-green-ref.htm
variable-supports-03.htm == support/color-green-ref.htm
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm b/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm
index c9ac1074c12..cf7a9b043dd 100644
--- a/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/toc.htm
@@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Using Cascading Variables: the var() notation</a></th>
- <td>(78 Tests)</td></tr>
+ <td>(79 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-40.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-40.htm
new file mode 100644
index 00000000000..2876229ffb8
--- /dev/null
+++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-40.htm
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+--><html><head><title>CSS Test: Test that a variable reference within a gradient value in a border-image shorthand parses correctly.</title>
+<link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack">
+<link href="http://www.w3.org/TR/css-variables-1/#using-variables" rel="help">
+<link href="reference/variable-reference-40-ref.htm" rel="match">
+<style>
+p {
+ --orange: orange;
+ border: 2px solid transparent;
+ border-image: linear-gradient(to right, var(--orange), blue) 1 1;
+}
+</style>
+</head><body><p>This paragraph must have an orange/blue gradient border.</p>
+</body></html> \ No newline at end of file