diff options
Diffstat (limited to 'tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-without-whitespace.htm')
-rw-r--r-- | tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-without-whitespace.htm | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-without-whitespace.htm b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-without-whitespace.htm new file mode 100644 index 00000000000..470da1a6556 --- /dev/null +++ b/tests/wpt/css-tests/css-variables-1_dev/html/variable-reference-without-whitespace.htm @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html><head><title>Variable reference without whitespace</title> +<link href="reference/variable-reference-without-whitespace-ref.htm" rel="match"> +<link href="http://www.w3.org/TR/css-variables-1/#syntax" rel="help"> +<link href="http://exyr.org/about/" rel="author" title="Simon Sapin"> +<meta content=" + A variable reference followed by something without whitespace in between + must not be interpreted together as a single identifier. + Custom property values are sequences of tokens, not strings." rel="assert"> +<style> +p { + counter-reset: -- --a -a; + --dash:-; +} + +#test_1 span::before { + counter-increment: var(--dash)-; + content: counter(--); +} +#test_2 span::before { + counter-increment: var(--dash)-a; + content: counter(--a); +} +#test_3 span::before { + counter-increment: var(--dash)a; + content: counter(-a); +} + +#control_1 span::before { + counter-increment: --; + content: counter(--); +} +#control_2 span::before { + counter-increment: --a; + content: counter(--a); +} +#control_3 span::before { + counter-increment: -a; + content: counter(-a); +} +</style> +</head><body><p>The next four lines must be identical, containing only zeroes: +</p><p id="test_1"><span></span> <span></span> <span></span> +</p><p id="test_2"><span></span> <span></span> <span></span> +</p><p id="test_3"><span></span> <span></span> <span></span> +</p><p>0 0 0 + +</p><p>The next four lines must be identical, containing increasing integers: +</p><p id="control_1"><span></span> <span></span> <span></span> +</p><p id="control_2"><span></span> <span></span> <span></span> +</p><p id="control_3"><span></span> <span></span> <span></span> +</p><p>1 2 3 +</p></body></html>
\ No newline at end of file |