<!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>