forked from mirrors/gecko-dev
d5d417a074
Automatic update from web-platform-tests CSS Whitespace Tests <https://github.com/w3c/csswg-drafts/issues/1654> -- Remove trailing whitespace -- Merge pull request #15090 from web-platform-tests/tabatkins-patch-5 CSS Whitespace -- wpt-commits: b0eb9a88908e3e540556f4839a6b901968ce8c8b, a076f8ea91640fb5ae2e99f34f891e3b2999a1f3, c69674ebc1995bb2ec3ebdde6b190c6ed14bd866 wpt-pr: 15090
62 lines
2.1 KiB
HTML
62 lines
2.1 KiB
HTML
<!doctype html>
|
|
<title>CSS Whitespace</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
|
|
<meta name="author" title="Tab Atkins-Bittner">
|
|
<link rel=help href="https://drafts.csswg.org/css-syntax/#whitespace">
|
|
|
|
<div class=a><b></b></div>
|
|
<div id=foo></div>
|
|
|
|
<!--
|
|
CSS's definition of "whitespace" matches HTML,
|
|
and includes only the five ASCII characters
|
|
U+0009, U+000A, U+000C, U+000D, and U+0020.
|
|
The rest of Unicode's whitespace characters,
|
|
many of which are recognized as whitespace by JS,
|
|
are not valid whitespace in CSS.
|
|
-->
|
|
|
|
<script>
|
|
|
|
function isWhitespace(codepoint) {
|
|
const char = String.fromCodePoint(codepoint);
|
|
const codepointName = "U+" + codepoint.toString(16).padStart(4, "0");
|
|
test(()=>{
|
|
const withSpace = document.querySelector(".a b");
|
|
const withChar = document.querySelector(`.a${char}b`);
|
|
assert_equals(withSpace, withChar);
|
|
}, `${codepointName} is CSS whitespace`);
|
|
}
|
|
function isNotWhitespace(codepoint) {
|
|
const char = String.fromCodePoint(codepoint);
|
|
const codepointName = "U+" + codepoint.toString(16).padStart(4, "0");
|
|
test(()=>{
|
|
const withSpace = document.querySelector(".a b");
|
|
document.querySelector("#foo").setAttribute("class", `.a${char}b`);
|
|
try {
|
|
var withChar = document.querySelector(`.a${char}b`);
|
|
} catch(e) {
|
|
assert_true(true, `${codepointName} isn't valid in a selector at all`);
|
|
return;
|
|
}
|
|
assert_not_equals(withSpace, withChar);
|
|
}, `${codepointName} is *not* CSS whitespace`);
|
|
}
|
|
|
|
// CSS Whitespace characters
|
|
var whitespace = [0x9, 0xa, 0xc, 0xd, 0x20];
|
|
|
|
// Unicode Whitespace characters not recognized by CSS
|
|
// https://en.wikipedia.org/wiki/Whitespace_character#Unicode
|
|
var notWhitespace = [0xb, 0x85, 0xa0, 0x1680, 0x2000, 0x2001, 0x2002, 0x2003, 0x2004, 0x2005, 0x2006, 0x2007, 0x2008, 0x2009, 0x200a, 0x2928, 0x2029, 0x202f, 0x205f, 0x3000, 0x180e, 0x200b, 0x200c, 0x200d, 0x2060, 0xfeff];
|
|
|
|
for(var codepoint of whitespace) {
|
|
isWhitespace(codepoint);
|
|
}
|
|
for(var codepoint of notWhitespace) {
|
|
isNotWhitespace(codepoint);
|
|
}
|
|
|
|
</script>
|