import test from 'ava';
import { parser } from '../src';
test('should be parse doctype in uppercase', t => {
const tree = parser('');
const expected = [''];
t.deepEqual(tree, expected);
});
test('should be parse comment', t => {
const tree = parser('');
const expected = [''];
t.deepEqual(tree, expected);
});
test('should be parse CDATA', t => {
const tree = parser('', { xmlMode: true });
const expected = [{ tag: 'script', content: ['console.log(1);'] }];
t.deepEqual(tree, expected);
});
test('should be parse tag with escape object in attribute', t => {
const html = '';
const tree = parser(html);
const expected = [
{
tag: 'button',
attrs: {
type: 'submit',
'data-bem': '{"button":{"checkedView":"extra"}}'
}
}
];
t.deepEqual(tree, expected);
});
test.skip('should be parse tag with object in attribute data witchout escape', t => {
const html = '';
const tree = parser(html);
const expected = [
{
tag: 'button',
attrs: {
type: 'submit',
'data-bem': '{"button":{"checkedView":"extra"}}'
}
}
];
t.deepEqual(tree, expected);
});
test.skip('should be parse tag with object in attribute data escape', t => {
const json = JSON.stringify({ button: { checkedView: 'extra' } });
const html = '';
const tree = parser(html);
const expected = [
{
tag: 'button',
attrs: {
type: 'submit',
'data-bem': '{"button":{"checkedView":"extra"}}'
}
}
];
t.deepEqual(tree, expected);
});
test('should be parse isolated comment', t => {
const tree = parser('');
const expected = [{ tag: 'div', content: [''] }];
t.deepEqual(tree, expected);
});
test('should be parse comment before text content', t => {
const tree = parser('
Text after comment
');
const expected = [{ tag: 'div', content: ['', 'Text after comment'] }];
t.deepEqual(tree, expected);
});
test('should be parse comment after text content', t => {
const tree = parser('
Text before comment.
');
const expected = [{ tag: 'div', content: ['Text before comment.', ''] }];
t.deepEqual(tree, expected);
});
test('should be parse comment in the middle of text content', t => {
const tree = parser('
Text surrounding a comment.
');
const expected = [{ tag: 'div', content: ['Text surrounding ', '', ' a comment.'] }];
t.deepEqual(tree, expected);
});
test('should be parse doctype', t => {
const tree = parser('');
const expected = [''];
t.deepEqual(tree, expected);
});
test('should be parse directive', t => {
const options = {
directives: [
{ name: '?php', start: '<', end: '>' }
]
};
const tree = parser('', options);
const expected = [''];
t.deepEqual(tree, expected);
});
test('should be parse regular expression directive', t => {
const options = {
directives: [
{ name: /\?(php|=).*/, start: '<', end: '>' }
]
};
const tree1 = parser('', options);
const expected1 = [''];
const tree2 = parser('', options);
const expected2 = [''];
t.deepEqual(tree1, expected1);
t.deepEqual(tree2, expected2);
});
test('should be parse directives and tag', t => {
const options = {
directives: [
{ name: '!doctype', start: '<', end: '>' },
{ name: '?php', start: '<', end: '>' }
]
};
const html = '{{%njk test %}}';
const tree = parser(html, options);
const expected = [
'',
{
content: [''],
tag: 'header'
},
{
content: ['{{%njk test %}}'],
tag: 'body'
}
];
t.deepEqual(tree, expected);
});
test('should be parse tag', t => {
const tree = parser('');
const expected = [{ tag: 'html' }];
t.deepEqual(tree, expected);
});
test('should be parse doctype and tag', t => {
const tree = parser('');
const expected = ['', { tag: 'html' }];
t.deepEqual(tree, expected);
});
test('should be parse tag attrs', t => {
const tree = parser('');
const expected = [{
tag: 'div', attrs: { id: 'id', class: 'class' }
}];
t.deepEqual(tree, expected);
});
test('should be parse text', t => {
const tree = parser('Text');
const expected = ['Text'];
t.deepEqual(tree, expected);
});
test('should be parse text in content', t => {
const tree = parser('
Text
');
const expected = [{ tag: 'div', content: ['Text'] }];
t.deepEqual(tree, expected);
});
test('should be parse not a single node in tree', t => {
const tree = parser('Text1Text2Text3');
const expected = [
{ tag: 'span', content: ['Text1'] }, { tag: 'span', content: ['Text2'] }, 'Text3'
];
t.deepEqual(tree, expected);
});
test('should be parse not a single node in parent content', t => {
const tree = parser('