<!
doctype html>
<
meta charset=utf-8>
<
title>CSS#escape</
title>
<
link rel=help href=
https://drafts.csswg.org/cssom-1/#the-css.escape()-method>
<
script src=/resources/testharness.js></
script>
<
script src=/resources/testharnessreport.js></
script>
<
div id=log></
div>
<
script>
test(function() {
assert_equals(CSS.escape.length, 1);
assert_throws_js(TypeError, function() { CSS.escape(); });
},
"Number of arguments");
test(function() {
assert_equals(CSS.escape(true),
'true');
assert_equals(CSS.escape(false),
'false');
assert_equals(CSS.escape(null),
'null');
assert_equals(CSS.escape(
''),
'');
},
"String conversion");
test(function() {
assert_equals(CSS.escape(
'\0'),
'\uFFFD');
assert_equals(CSS.escape(
'a\0'),
'a\uFFFD');
assert_equals(CSS.escape(
'\0b'),
'\uFFFDb');
assert_equals(CSS.escape(
'a\0b'),
'a\uFFFDb');
},
"Null bytes");
test(function() {
assert_equals(CSS.escape(
'\uFFFD'),
'\uFFFD');
assert_equals(CSS.escape(
'a\uFFFD'),
'a\uFFFD');
assert_equals(CSS.escape(
'\uFFFDb'),
'\uFFFDb');
assert_equals(CSS.escape(
'a\uFFFDb'),
'a\uFFFDb');
},
"Replacement character");
test(function() {
assert_equals(CSS.escape(
'0a'),
'\\30 a');
assert_equals(CSS.escape(
'1a'),
'\\31 a');
assert_equals(CSS.escape(
'2a'),
'\\32 a');
assert_equals(CSS.escape(
'3a'),
'\\33 a');
assert_equals(CSS.escape(
'4a'),
'\\34 a');
assert_equals(CSS.escape(
'5a'),
'\\35 a');
assert_equals(CSS.escape(
'6a'),
'\\36 a');
assert_equals(CSS.escape(
'7a'),
'\\37 a');
assert_equals(CSS.escape(
'8a'),
'\\38 a');
assert_equals(CSS.escape(
'9a'),
'\\39 a');
},
"Number prefix");
test(function() {
assert_equals(CSS.escape(
'a0b'),
'a0b');
assert_equals(CSS.escape(
'a1b'),
'a1b');
assert_equals(CSS.escape(
'a2b'),
'a2b');
assert_equals(CSS.escape(
'a3b'),
'a3b');
assert_equals(CSS.escape(
'a4b'),
'a4b');
assert_equals(CSS.escape(
'a5b'),
'a5b');
assert_equals(CSS.escape(
'a6b'),
'a6b');
assert_equals(CSS.escape(
'a7b'),
'a7b');
assert_equals(CSS.escape(
'a8b'),
'a8b');
assert_equals(CSS.escape(
'a9b'),
'a9b');
},
"Letter number prefix");
test(function() {
assert_equals(CSS.escape(
'-0a'),
'-\\30 a');
assert_equals(CSS.escape(
'-1a'),
'-\\31 a');
assert_equals(CSS.escape(
'-2a'),
'-\\32 a');
assert_equals(CSS.escape(
'-3a'),
'-\\33 a');
assert_equals(CSS.escape(
'-4a'),
'-\\34 a');
assert_equals(CSS.escape(
'-5a'),
'-\\35 a');
assert_equals(CSS.escape(
'-6a'),
'-\\36 a');
assert_equals(CSS.escape(
'-7a'),
'-\\37 a');
assert_equals(CSS.escape(
'-8a'),
'-\\38 a');
assert_equals(CSS.escape(
'-9a'),
'-\\39 a');
},
"Dash number prefix");
test(function() {
assert_equals(CSS.escape(
'--a'),
'--a');
},
"Double dash prefix");
test(function() {
assert_equals(CSS.escape(
'\x01\x02\x1E\x1F'),
'\\1 \\2 \\1e \\1f ');
assert_equals(CSS.escape(
'\x80\x2D\x5F\xA9'),
'\x80\x2D\x5F\xA9');
assert_equals(CSS.escape(
'\x7F\x80\x81\x82\x83\x84\x85\x86\x87\x88\x89\x8A\x8B\x8C\x8D\x8E\x8F\x90\x91\x92\x93\x94\x95\x96\x97\x98\x99\x9A\x9B\x9C\x9D\x9E\x9F'),
'\\7f \x80\x81\x82\x83\x84\x85\x86\x87\x88\x89\x8A\x8B\x8C\x8D\x8E\x8F\x90\x91\x92\x93\x94\x95\x96\x97\x98\x99\x9A\x9B\x9C\x9D\x9E\x9F');
assert_equals(CSS.escape(
'\xA0\xA1\xA2'),
'\xA0\xA1\xA2');
assert_equals(CSS.escape(
'a0123456789b'),
'a0123456789b');
assert_equals(CSS.escape(
'abcdefghijklmnopqrstuvwxyz'),
'abcdefghijklmnopqrstuvwxyz');
assert_equals(CSS.escape(
'ABCDEFGHIJKLMNOPQRSTUVWXYZ'),
'ABCDEFGHIJKLMNOPQRSTUVWXYZ');
assert_equals(CSS.escape(
"hello\\world"),
"hello\\\\world",
"Backslashes get backslash-escaped");
assert_equals(CSS.escape(
"hello\u{1234}world"),
"hello\u{1234}world",
"Code points greater than U+0080 are preserved");
assert_equals(CSS.escape(
"-"),
"\\-",
"CSS.escape: Single dash escaped");
assert_equals(CSS.escape(
'\x20\x21\x78\x79'),
'\\ \\!xy');
},
"Various tests");
test(function() {
// astral symbol (U+1D306 TETRAGRAM FOR CENTRE)
assert_equals(CSS.escape(
'\uD834\uDF06'),
'\uD834\uDF06');
// lone surrogates
assert_equals(CSS.escape(
'\uDF06'),
'\uDF06');
assert_equals(CSS.escape(
'\uD834'),
'\uD834');
},
"Surrogates");
</
script>
