Skip to content

Commit 63a3415

Browse files
ScrumScrum
committed
test: rewrite to typscript
1 parent b1450a8 commit 63a3415

File tree

3 files changed

+224
-239
lines changed

3 files changed

+224
-239
lines changed

‎test/mocha.opts

-2
This file was deleted.

‎test/test-core.spec.ts

+224
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
import test from 'ava';
2+
import parser from '../src';
3+
4+
test('should be parse doctype in uppercase', t => {
5+
const tree = parser('<!DOCTYPE html>');
6+
const expected = ['<!DOCTYPE html>'];
7+
t.deepEqual(tree, expected);
8+
});
9+
10+
test('should be parse comment', t => {
11+
const tree = parser('<!--comment-->');
12+
const expected = ['<!--comment-->'];
13+
t.deepEqual(tree, expected);
14+
});
15+
16+
test('should be parse CDATA', t => {
17+
const tree = parser('<script><![CDATA[console.log(1);]]></script>', {xmlMode: true});
18+
const expected = [{tag: 'script', content: ['console.log(1);']}];
19+
t.deepEqual(tree, expected);
20+
});
21+
22+
test('should be parse tag with escape object in attribute', t => {
23+
const html = '<button data-bem="{&quot;button&quot;:{&quot;checkedView&quot;:&quot;extra&quot;}}"' +
24+
' type="submit"></button>';
25+
const tree = parser(html);
26+
const expected = [
27+
{
28+
tag: 'button',
29+
attrs: {
30+
type: 'submit',
31+
'data-bem': '{"button":{"checkedView":"extra"}}'
32+
}
33+
}
34+
];
35+
t.deepEqual(tree, expected);
36+
});
37+
38+
test.skip('should be parse tag with object in attribute data witchout escape', t => {
39+
const html = '<button data-bem="{"button":{"checkedView":"extra"}}"' +
40+
' type="submit"></button>';
41+
const tree = parser(html);
42+
const expected = [
43+
{
44+
tag: 'button',
45+
attrs: {
46+
type: 'submit',
47+
'data-bem': '{"button":{"checkedView":"extra"}}'
48+
}
49+
}
50+
];
51+
t.deepEqual(tree, expected);
52+
});
53+
54+
test.skip('should be parse tag with object in attribute data escape', t => {
55+
const json = JSON.stringify({button: {checkedView: 'extra'}});
56+
const html = '<button data-bem="' + json + '"' +
57+
' type="submit"></button>';
58+
const tree = parser(html);
59+
const expected = [
60+
{
61+
tag: 'button',
62+
attrs: {
63+
type: 'submit',
64+
'data-bem': '{"button":{"checkedView":"extra"}}'
65+
}
66+
}
67+
];
68+
t.deepEqual(tree, expected);
69+
});
70+
71+
test('should be parse comment in content', t => {
72+
const tree = parser('<div><!--comment--></div>');
73+
const expected = [{tag: 'div', content: ['<!--comment-->']}];
74+
t.deepEqual(tree, expected);
75+
});
76+
77+
test('should be parse doctype', t => {
78+
const tree = parser('<!doctype html>');
79+
const expected = ['<!doctype html>'];
80+
t.deepEqual(tree, expected);
81+
});
82+
83+
test('should be parse directive', t => {
84+
const options = {
85+
directives: [
86+
{name: '?php', start: '<', end: '>'}
87+
]
88+
};
89+
const tree = parser('<?php echo "Hello word"; ?>', options);
90+
const expected = ['<?php echo "Hello word"; ?>'];
91+
t.deepEqual(tree, expected);
92+
});
93+
94+
test('should be parse regular expression directive', t => {
95+
const options = {
96+
directives: [
97+
{name: /\?(php|=).*/, start: '<', end: '>'}
98+
]
99+
};
100+
const tree1 = parser('<?php echo "Hello word"; ?>', options);
101+
const expected1 = ['<?php echo "Hello word"; ?>'];
102+
const tree2 = parser('<?="Hello word"?>', options);
103+
const expected2 = ['<?="Hello word"?>'];
104+
105+
t.deepEqual(tree1, expected1);
106+
t.deepEqual(tree2, expected2);
107+
});
108+
109+
test('should be parse directives and tag', t => {
110+
const options = {
111+
directives: [
112+
{name: '!doctype', start: '<', end: '>'},
113+
{name: '?php', start: '<', end: '>'}
114+
]
115+
};
116+
const html = '<!doctype html><header><?php echo "Hello word"; ?></header><body>{{%njk test %}}</body>';
117+
const tree = parser(html, options);
118+
const expected = [
119+
'<!doctype html>',
120+
{
121+
content: ['<?php echo "Hello word"; ?>'],
122+
tag: 'header'
123+
},
124+
{
125+
content: ['{{%njk test %}}'],
126+
tag: 'body'
127+
}
128+
];
129+
t.deepEqual(tree, expected);
130+
});
131+
132+
test('should be parse tag', t => {
133+
const tree = parser('<html></html>');
134+
const expected = [{tag: 'html'}];
135+
t.deepEqual(tree, expected);
136+
});
137+
138+
test('should be parse doctype and tag', t => {
139+
const tree = parser('<!doctype html><html></html>');
140+
const expected = ['<!doctype html>', {tag: 'html'}];
141+
t.deepEqual(tree, expected);
142+
});
143+
144+
test('should be parse tag attrs', t => {
145+
const tree = parser('<div id="id" class="class"></div>');
146+
const expected = [{
147+
tag: 'div', attrs: {id: 'id', class: 'class'}
148+
}];
149+
t.deepEqual(tree, expected);
150+
});
151+
152+
test('should be parse text', t => {
153+
const tree = parser('Text');
154+
const expected = ['Text'];
155+
t.deepEqual(tree, expected);
156+
});
157+
158+
test('should be parse text in content', t => {
159+
const tree = parser('<div>Text</div>');
160+
const expected = [{tag: 'div', content: ['Text']}];
161+
t.deepEqual(tree, expected);
162+
});
163+
164+
test('should be parse not a single node in tree', t => {
165+
const tree = parser('<span>Text1</span><span>Text2</span>Text3');
166+
const expected = [
167+
{tag: 'span', content: ['Text1']}, {tag: 'span', content: ['Text2']}, 'Text3'
168+
];
169+
t.deepEqual(tree, expected);
170+
});
171+
172+
test('should be parse not a single node in parent content', t => {
173+
const tree = parser('<div><span>Text1</span><span>Text2</span>Text3</div>');
174+
const expected = [
175+
{tag: 'div', content: [{tag: 'span', content: ['Text1']}, {tag: 'span', content: ['Text2']}, 'Text3']}
176+
];
177+
t.deepEqual(tree, expected);
178+
});
179+
180+
test('should be parse camelCase tag name', t => {
181+
const tree = parser('<mySuperTag></mySuperTag>');
182+
const expected = [
183+
{tag: 'mySuperTag'}
184+
];
185+
t.deepEqual(tree, expected);
186+
});
187+
188+
test('should be parse simple contents are split with "<" in comment', t => {
189+
const html = '<a> /* width < 800px */ <hr /> test</a>';
190+
const tree = parser(html);
191+
const expected = [
192+
{tag: 'a', content: [' /* width < 800px */ ', {tag: 'hr'}, ' test']}
193+
];
194+
t.deepEqual(tree, expected);
195+
});
196+
197+
test('should be parse style contents are split with "<" in comment', t => {
198+
const html = '<style> /* width < 800px */ @media (max-width: 800px) { /* selectors */} </style>';
199+
const tree = parser(html);
200+
const expected = [
201+
{tag: 'style', content: [' /* width < 800px */ @media (max-width: 800px) { /* selectors */} ']}
202+
];
203+
t.deepEqual(tree, expected);
204+
});
205+
206+
test('should be parse script contents are split with "<" in comment', t => {
207+
const html = '<script> var str = \'hey <form\'; if (!str.match(new RegExp(\'<(form|iframe)\', \'g\'))) { /* ... */ }</script>';
208+
const tree = parser(html);
209+
const expected = [
210+
{
211+
tag: 'script',
212+
content: [
213+
' var str = \'hey <form\'; if (!str.match(new RegExp(\'<(form|iframe)\', \'g\'))) { /* ... */ }'
214+
]}
215+
];
216+
t.deepEqual(tree, expected);
217+
});
218+
219+
test('should be not converting html entity name', t => {
220+
const html = '&zwnj;&nbsp;&copy;';
221+
const tree = parser(html);
222+
const expected = ['&zwnj;&nbsp;&copy;'];
223+
t.deepEqual(tree, expected);
224+
});

0 commit comments

Comments
 (0)