Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(809)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/test_variable_legal_values.html

Issue 1192983003: CSS Custom Properties (Variables) (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Whoops, the forward declaration just needed to be moved. Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-parsing-sideways-right-001.html » ('j') | third_party/WebKit/Source/core/css/CSSVariableReferenceValue.h » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/test_variable_legal_values.html
diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/test_variable_legal_values.html b/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/test_variable_legal_values.html
new file mode 100644
index 0000000000000000000000000000000000000000..0356402c538e75ec9b9bb8c989d2c8e05cd61640
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/test_variable_legal_values.html
@@ -0,0 +1,122 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>CSS Variables Allowed Syntax</title>
+ <link rel="author" title="L. David Baron" href="http://dbaron.org/">
+ <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
+ <link rel="help" href="http://www.w3.org/TR/css-variables-1/#defining-variables">
+ <meta name="assert" content='The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].'>
+ <script src="http://w3c-test.org../../../resources/testharness.js"></script>
+ <script src="http://w3c-test.org../../../resources/testharnessreport.js"></script>
+<style id="style"></style>
+<script id="metadata_cache">/*
+{
+ "percentage": { "assert": "Value allowed within variable: percentage" },
+ "number": { "assert": "Value allowed within variable: number" },
+ "length": { "assert": "Value allowed within variable: length" },
+ "time": { "assert": "Value allowed within variable: time" },
+ "function": { "assert": "Value allowed within variable: function" },
+ "nested_function": { "assert": "Value allowed within variable: nested function" },
+ "parentheses": { "assert": "Value allowed within variable: parentheses" },
+ "braces": { "assert": "Value allowed within variable: braces" },
+ "brackets": { "assert": "Value allowed within variable: brackets" },
+ "at_keyword_unknown": { "assert": "Value allowed within variable: at-keyword (unknown)" },
+ "at_keyword_known": { "assert": "Value allowed within variable: at-keyword (known)" },
+ "at_keyword_unknown_and_block": { "assert": "Value allowed within variable: at-keyword (unknown) and block" },
+ "at_keyword_known_and_block": { "assert": "Value allowed within variable: at-keyword (known) and block" },
+ "unbalanced_close_bracket_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close bracket at toplevel" },
+ "unbalanced_close_paren_at_toplevel": { "assert": "Value not allowed within variable: unbalanced close paren at toplevel" },
+ "unbalanced_close_bracket_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close bracket in something balanced" },
+ "unbalanced_close_paren_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close paren in something balanced" },
+ "unbalanced_close_brace_in_something_balanced": { "assert": "Value not allowed within variable: unbalanced close brace in something balanced" },
+ "CDO_at_top_level": { "assert": "Value allowed within variable: CDO at top level" },
+ "CDC_at_top_level": { "assert": "Value allowed within variable: CDC at top level" },
+ "semicolon_not_at_top_level_value_unused": { "assert": "Value allowed within variable: semicolon not at top level (value -> unused)" },
+ "CDO_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDO not at top level (value -> unused)" },
+ "CDC_not_at_top_level_value_unused": { "assert": "Value allowed within variable: CDC not at top level (value -> unused)" }
+}
+*/</script>
+</head>
+<body onload="run()">
+<div id=log></div>
+<div id="test"></div>
+<script>
+setup({ "explicit_done": true });
+
+function run() {
+ // Setup the iframe
+ var style = document.getElementById("style");
+ var styleText = document.createTextNode("");
+ style.appendChild(styleText);
+ var test_cs = window.getComputedStyle(document.getElementById("test"), "");
+
+ var initial_cs = test_cs.backgroundColor;
+ styleText.data = "#test { background-color: green }";
+ var green_cs = test_cs.backgroundColor;
+ styleText.data = "#test { background-color: red }";
+ var red_cs = test_cs.backgroundColor;
+
+ function description_to_name(description) {
+ return description.replace(/\W+/g, "_").replace(/^_/, "").replace(/_$/, "");
+ }
+
+ function assert_allowed_variable_value(value, description) {
+ test(function() {
+ styleText.data = "#test { \n" +
+ " --test: red;\n" +
+ " --test: " + value + ";\n" +
+ " background-color: red;\n" +
+ " background-color: var(--test);\n" +
+ "}";
+ assert_not_equals(initial_cs, red_cs);
+ assert_equals(initial_cs, test_cs.backgroundColor);
+ },
+ description_to_name(description),
+ { assert: "Value allowed within variable: " + description });
+ }
+
+ function assert_disallowed_balanced_variable_value(value, description) {
+ test(function() {
+ styleText.data = "#test { \n" +
+ " --test: green;\n" +
+ " --test: " + value + ";\n" +
+ " background-color: red;\n" +
+ " background-color: var(--test);\n" +
+ "}";
+ assert_not_equals(green_cs, red_cs);
+ assert_equals(green_cs, test_cs.backgroundColor);
+ },
+ description_to_name(description),
+ { assert: "Value not allowed within variable: " + description });
+ }
+
+ assert_allowed_variable_value("25%", "percentage");
+ assert_allowed_variable_value("37", "number");
+ assert_allowed_variable_value("12em", "length");
+ assert_allowed_variable_value("75ms", "time");
+ assert_allowed_variable_value("foo()", "function");
+ assert_allowed_variable_value("foo(bar())", "nested function");
+ assert_allowed_variable_value("( )", "parentheses");
+ assert_allowed_variable_value("{ }", "braces");
+ assert_allowed_variable_value("[ ]", "brackets");
+ assert_allowed_variable_value("@foobar", "at-keyword (unknown)");
+ assert_allowed_variable_value("@media", "at-keyword (known)");
+ assert_allowed_variable_value("@foobar {}", "at-keyword (unknown) and block");
+ assert_allowed_variable_value("@media {}", "at-keyword (known) and block");
+ assert_disallowed_balanced_variable_value("]", "unbalanced close bracket at toplevel");
+ assert_disallowed_balanced_variable_value(")", "unbalanced close paren at toplevel");
+ assert_disallowed_balanced_variable_value("(])", "unbalanced close bracket in something balanced");
+ assert_disallowed_balanced_variable_value("[)]", "unbalanced close paren in something balanced");
+ assert_disallowed_balanced_variable_value("(})", "unbalanced close brace in something balanced");
+ assert_allowed_variable_value("<!--", "CDO at top level");
+ assert_allowed_variable_value("-->", "CDC at top level");
+ assert_allowed_variable_value("(;)", "semicolon not at top level (value -> unused)");
+ assert_allowed_variable_value("(<!--)", "CDO not at top level (value -> unused)");
+ assert_allowed_variable_value("(-->)", "CDC not at top level (value -> unused)");
+
+ done();
+}
+
+</script>
+</body>
+</html>
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-variables-1/css-vars-custom-property-inheritance-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-writing-modes-3/text-orientation-parsing-sideways-right-001.html » ('j') | third_party/WebKit/Source/core/css/CSSVariableReferenceValue.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698