summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/custom-elements/v0/concepts/custom-elements-type-allowed-chars-first-char.html
blob: b83b5fa7869d8f5e356d7c8b9149318e8a831f79 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
<title>First char allowed for custom element type </title>
<meta name="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru">
<meta name="author" title="Sergey G. Grekhov" href="mailto:sgrekhov@unipro.ru">
<meta name="assert" content="The custom element type identifies a custom element interface and is a sequence of characters that must match the NCName production">
<meta name="timeout" content="long">
<link rel="help" href="https://dvcs.w3.org/hg/webcomponents/raw-file/default/spec/custom/index.html#concepts">
<link rel="help" href="http://www.w3.org/TR/1999/REC-xml-names-19990114/#NT-NCName">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../testcommon.js"></script>
</head>
<body>
<div id="log"></div>
<script>
function composeName(charCode) {
    return String.fromCharCode(charCode) + '-x' + charCode.toString(16);
}

// NCName definition from http://www.w3.org/TR/1999/REC-xml-names-19990114/#NT-NCName
// NCName     ::= (Letter | '_') (NCNameChar)*
// NCNameChar ::= Letter | Digit | '.' | '-' | '_' | CombiningChar | Extender
// Letter     ::= BaseChar | Ideographic

test(function() {
    testCharCode(getCharCode('_'), composeName, checkValidName);
}, 'Registering valid custom element name starting with \'_\' char');

test(function() {
    baseCharsSingle.testEach(composeName, checkValidName);
    baseCharsRanges.testEach(composeName, checkValidName);
}, 'Registering valid custom element name starting with base char');

test(function() {
    ideographicCharsSingle.testEach(composeName, checkValidName);
    ideographicCharsRanges.testEach(composeName, checkValidName);
}, 'Registering valid custom element name starting with ideographic char');

test(function() {
    (new CharsArray(['.', '-', ':', '+', '='])).testEach(composeName, checkInvalidName);
}, 'Registering custom element starting with invalid character (general) should fail');

test(function() {
    combiningChars.testEach(composeName, checkInvalidName);
}, 'Registering custom element starting with invalid character (combining char) should fail');

test(function() {
    extenderChars.testEach(composeName, checkInvalidName);
}, 'Registering custom element starting with invalid character (extender char) should fail');

test(function() {
    digitCharsRanges.testEach(composeName, checkInvalidName);
}, 'Registering custom element starting with invalid character (digit char) should fail');
</script>
</body>
</html>