|
Lines 1-48
a/LayoutTests/imported/w3c/web-platform-tests/css/cssom/CSS.html_sec1
|
| 1 |
<!doctype html> |
|
|
| 2 |
<meta charset="utf-8"> |
| 3 |
<title>CSSOM - CSS interface</title> |
| 4 |
<link rel="help" href="https://drafts.csswg.org/cssom/#the-css.escape()-method"> |
| 5 |
<script src="/resources/testharness.js"></script> |
| 6 |
<script src="/resources/testharnessreport.js"></script> |
| 7 |
<script> |
| 8 |
test(function () { |
| 9 |
// https://drafts.csswg.org/cssom/#dom-css-escape |
| 10 |
// https://drafts.csswg.org/cssom/#serialize-an-identifier |
| 11 |
assert_equals(CSS.escape("hello world"), "hello\\ world", "CSS.escape: spaces get escaped with backslashes"); |
| 12 |
assert_equals(CSS.escape("hello\0world"), "hello\u{FFFD}world", "CSS.escape: NULL get replaced with U+FFFD REPLACEMENT CHARACTER"); |
| 13 |
assert_equals(CSS.escape("hello0world"), "hello0world", "CSS.escape: Numbers within string preserved"); |
| 14 |
assert_equals(CSS.escape("hello\x10world"), "hello\\10 world", "CSS.escape: Values between \\x01 and \\x1f are unicode escaped"); |
| 15 |
assert_equals(CSS.escape("hello\\world"), "hello\\\\world", "CSS.escape: Backslashes get backslash-escaped"); |
| 16 |
assert_equals(CSS.escape("hello\u{1234}world"), "hello\u{1234}world", "CSS.escape: Code points greater than U+0080 are preserved"); |
| 17 |
assert_equals(CSS.escape("hello\x7Fworld"), "hello\\7f world", "CSS.escape: Some code points less than U+0080 are unicode-escaped"); |
| 18 |
assert_equals(CSS.escape("-"), "\\-", "CSS.escape: Single dash escaped"); |
| 19 |
assert_equals(CSS.escape("0foo"), "\\30 foo", "CSS.escape: Numbers at the beginning of an ident get unicode escaped"); |
| 20 |
assert_equals(CSS.escape("-0foo"), "-\\30 foo", "CSS.escape: Numbers at the beginning of an ident after single hyphen get unicode escaped"); |
| 21 |
assert_equals(CSS.escape("--0foo"), "--0foo", "CSS.escape: Numbers at the beginning of an ident after multiple hyphens do not get unicode escaped"); |
| 22 |
}, "CSS.escape"); |
| 23 |
test(function () { |
| 24 |
// https://drafts.csswg.org/css-conditional/#dom-css-supports |
| 25 |
// https://drafts.csswg.org/css-conditional/#typedef-supports-condition |
| 26 |
assert_equals(CSS.supports("color: red"), true, "CSS.supports: Single-argument form allows for declarations without enclosing parentheses"); |
| 27 |
assert_equals(CSS.supports("(color: red) and (color: blue)"), true, "CSS.supports: Complex conditions allowed"); |
| 28 |
assert_equals(CSS.supports("not (foobar)"), true, "CSS.supports: general_enclosed still parses"); |
| 29 |
assert_equals(CSS.supports("color: something-pointless var(--foo)"), true, "Variable references always parse"); |
| 30 |
assert_equals(CSS.supports("color: something-pointless(var(--foo))"), true, "Variable references in an unknown function always parse"); |
| 31 |
}, "CSS.supports, one argument form"); |
| 32 |
test(function () { |
| 33 |
// https://drafts.csswg.org/css-conditional/#dom-css-supports |
| 34 |
// https://drafts.csswg.org/css-conditional/#dfn-support |
| 35 |
assert_equals(CSS.supports("color", "red"), true, "CSS.supports: two argument form succeeds for known property"); |
| 36 |
assert_equals(CSS.supports("unknownproperty", "blah"), false, "CSS.supports: two argument form fails for unknown property"); |
| 37 |
assert_equals(CSS.supports("width", "blah"), false, "CSS.supports: two argument form fails for invalid value"); |
| 38 |
assert_equals(CSS.supports("--foo", "blah"), true, "CSS.supports: two argument form succeeds for custom property"); |
| 39 |
}, "CSS.supports, two argument form"); |
| 40 |
test(function () { |
| 41 |
assert_equals(CSS.supports("selector(div)"), true, "CSS.supports: selector() function accepts a selector"); |
| 42 |
assert_equals(CSS.supports("selector(div, div)"), false, "CSS.supports: selector() function doesn't accept a selector list"); |
| 43 |
assert_equals(CSS.supports("selector(::-webkit-unknown-pseudo-element)"), false, "CSS.supports: selector() function rejects unknown webkit pseudo-elements."); |
| 44 |
assert_equals(CSS.supports("selector(::before)"), true, "CSS.supports: selector() function accepts known pseudo-elements"); |
| 45 |
assert_equals(CSS.supports("selector(div + .c)"), true, "CSS.supports: selector() with simple combinators"); |
| 46 |
assert_equals(CSS.supports("selector(div | .c)"), false, "CSS.supports: selector() with unknown combinators"); |
| 47 |
}, "CSS.supports, selector function"); |
| 48 |
</script> |