mirror of
https://github.com/tenrok/BBob.git
synced 2026-06-11 18:02:26 +03:00
feat: typescript support (#185)
* feat: initial typescript support * feat: typescript support * feat(plugin-helper): move files to typescript * chore: update lock files * feat: preset types * fix: build * fix: benchmark * fix: remove pnpm cache * fix: bench action * fix: pnpm recursive install * fix: nx cache * fix: lock file * fix: workflows * fix: lerna support in pnpm * fix: pnpm workspace * fix: remove unused files * fix: pnpm lock file * fix: update lerna for support pnpm * fix: lerna bootstrap * fix: rollup build * fix: update nx * fix: build * fix: add nx dep target * fix: remove nx cache * fix: workflow run on push only for master * fix: test workflow run on push only for master * fix: remove parallel for gen types * fix: benchmark * fix: benchmark imports * fix: pnpm * fix: types errors and pnpm * fix: types * fix: types * refactor: parser * fix(parser): tests * fix: preset tests * fix: react types * fix: react type declarations * fix: pnpm lock file * fix: react preset types * fix: lock file * fix: vue2 types * feat: dev container support * fix: types * fix: types * refactor: rewrite pkg-task, add nx gen-types deps, fix react/render.ts * refactor: types * fix: types * fix: rename gen-types to types * fix: nx build order * fix: nx reset * fix: define nx deps explicit * fix: build * fix: nx * fix: nx order build * fix: nx deps * fix: bbob cli tests * fix: tests * fix: cli tests and import * fix: test cover * fix: cli cover
This commit is contained in:
Nikolay Kost
@@ -0,0 +1,544 @@
|
||||
import { parse } from '../src'
|
||||
import type { TagNodeTree } from "@bbob/plugin-helper";
|
||||
|
||||
describe('Parser', () => {
|
||||
const expectOutput = (ast: TagNodeTree, output: Partial<TagNodeTree>) => {
|
||||
expect(ast).toBeInstanceOf(Array);
|
||||
expect(ast).toEqual(output);
|
||||
};
|
||||
|
||||
test('parse paired tags tokens', () => {
|
||||
const ast = parse('[best name=value]Foo Bar[/best]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'best',
|
||||
attrs: {
|
||||
name: 'value',
|
||||
},
|
||||
content: [
|
||||
'Foo',
|
||||
' ',
|
||||
'Bar',
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse paired tags tokens 2', () => {
|
||||
const ast = parse('[bar]Foo Bar[/bar]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'bar',
|
||||
attrs: {},
|
||||
content: [
|
||||
'Foo',
|
||||
' ',
|
||||
'Bar',
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
describe('onlyAllowTags', () => {
|
||||
test('parse only allowed tags', () => {
|
||||
const ast = parse('[h1 name=value]Foo [Bar] [/h1]', {
|
||||
onlyAllowTags: ['h1']
|
||||
});
|
||||
const output = [
|
||||
{
|
||||
tag: 'h1',
|
||||
attrs: {
|
||||
name: 'value',
|
||||
},
|
||||
content: [
|
||||
'Foo',
|
||||
' ',
|
||||
'[Bar]',
|
||||
' '
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse only allowed tags with params', () => {
|
||||
const options = {
|
||||
onlyAllowTags: ['b', 'i', 'u']
|
||||
};
|
||||
const ast = parse('hello [blah foo="bar"]world[/blah]', options);
|
||||
|
||||
expectOutput(ast, [
|
||||
'hello',
|
||||
' ',
|
||||
'[blah foo="bar"]',
|
||||
'world',
|
||||
'[/blah]'
|
||||
])
|
||||
});
|
||||
|
||||
test('parse only allowed tags with named param', () => {
|
||||
const options = {
|
||||
onlyAllowTags: ['b', 'i', 'u']
|
||||
};
|
||||
const ast = parse('hello [blah="bar"]world[/blah]', options);
|
||||
|
||||
expectOutput(ast, [
|
||||
'hello',
|
||||
' ',
|
||||
'[blah="bar"]',
|
||||
'world',
|
||||
'[/blah]'
|
||||
])
|
||||
});
|
||||
|
||||
test('parse only allowed tags inside disabled tags', () => {
|
||||
const ast = parse('[tab] [ch]E[/ch]\nA cripple walks amongst you[/tab]\n[tab] [ch]A[/ch]\nAll you tired human beings[/tab]', {
|
||||
onlyAllowTags: ['ch']
|
||||
});
|
||||
const output = [
|
||||
'[tab]',
|
||||
' ',
|
||||
{
|
||||
tag: 'ch',
|
||||
attrs: {},
|
||||
content: ['E'],
|
||||
},
|
||||
'\n',
|
||||
'A',
|
||||
' ',
|
||||
'cripple',
|
||||
' ',
|
||||
'walks',
|
||||
' ',
|
||||
'amongst',
|
||||
' ',
|
||||
'you',
|
||||
'[/tab]',
|
||||
'\n',
|
||||
'[tab]',
|
||||
' ',
|
||||
{
|
||||
tag: 'ch',
|
||||
attrs: {},
|
||||
content: ['A'],
|
||||
},
|
||||
'\n',
|
||||
'All',
|
||||
' ',
|
||||
'you',
|
||||
' ',
|
||||
'tired',
|
||||
' ',
|
||||
'human',
|
||||
' ',
|
||||
'beings',
|
||||
'[/tab]',
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse only allowed tags case insensitive', () => {
|
||||
const ast = parse('[h1 name=value]Foo [Bar] [/h1]', {
|
||||
onlyAllowTags: ['H1']
|
||||
});
|
||||
const output = [
|
||||
{
|
||||
tag: 'h1',
|
||||
attrs: {
|
||||
name: 'value',
|
||||
},
|
||||
content: [
|
||||
'Foo',
|
||||
' ',
|
||||
'[Bar]',
|
||||
' '
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
})
|
||||
|
||||
describe('contextFreeTags', () => {
|
||||
test('context free tag [code]', () => {
|
||||
const ast = parse('[code] [b]some string[/b][/code]', {
|
||||
contextFreeTags: ['code']
|
||||
});
|
||||
const output = [
|
||||
{
|
||||
tag: 'code',
|
||||
attrs: {},
|
||||
content: [
|
||||
' ',
|
||||
'[',
|
||||
'b]some',
|
||||
' ',
|
||||
'string',
|
||||
'[',
|
||||
'/b]'
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
expectOutput(ast, output);
|
||||
})
|
||||
})
|
||||
|
||||
test('parse inconsistent tags', () => {
|
||||
const ast = parse('[h1 name=value]Foo [Bar] /h1]');
|
||||
const output = [
|
||||
{
|
||||
attrs: {
|
||||
name: 'value'
|
||||
},
|
||||
tag: 'h1',
|
||||
content: []
|
||||
},
|
||||
'Foo',
|
||||
' ',
|
||||
{
|
||||
tag: 'bar',
|
||||
attrs: {},
|
||||
content: []
|
||||
},
|
||||
' ',
|
||||
'/h1]',
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse tag with value param', () => {
|
||||
const ast = parse('[url=https://github.com/jilizart/bbob]BBob[/url]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
'https://github.com/jilizart/bbob': 'https://github.com/jilizart/bbob',
|
||||
},
|
||||
content: ['BBob'],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse tag with quoted param with spaces', () => {
|
||||
const ast = parse('[url href=https://ru.wikipedia.org target=_blank text="Foo Bar"]Text[/url]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
href: 'https://ru.wikipedia.org',
|
||||
target: '_blank',
|
||||
text: 'Foo Bar',
|
||||
},
|
||||
content: ['Text'],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('parse single tag with params', () => {
|
||||
const ast = parse('[url=https://github.com/jilizart/bbob]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
'https://github.com/jilizart/bbob': 'https://github.com/jilizart/bbob',
|
||||
},
|
||||
content: [],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
test('detect inconsistent tag', () => {
|
||||
const onError = jest.fn();
|
||||
|
||||
parse('[c][/c][b]hello[/c][/b][b]', { onError });
|
||||
|
||||
expect(onError).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
test('parse few tags without spaces', () => {
|
||||
const ast = parse('[mytag1 size="15"]Tag1[/mytag1][mytag2 size="16"]Tag2[/mytag2][mytag3]Tag3[/mytag3]');
|
||||
const output = [
|
||||
{
|
||||
tag: 'mytag1',
|
||||
attrs: {
|
||||
size: '15',
|
||||
},
|
||||
content: ['Tag1'],
|
||||
},
|
||||
{
|
||||
tag: 'mytag2',
|
||||
attrs: {
|
||||
size: '16',
|
||||
},
|
||||
content: ['Tag2'],
|
||||
},
|
||||
{
|
||||
tag: 'mytag3',
|
||||
attrs: {},
|
||||
content: ['Tag3'],
|
||||
},
|
||||
];
|
||||
|
||||
expectOutput(ast, output);
|
||||
});
|
||||
|
||||
// @TODO: this is breaking change behavior
|
||||
test.skip('parse tags with single attributes like disabled', () => {
|
||||
const ast = parse('[b]hello[/b] [textarea disabled]world[/textarea]');
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
tag: 'b',
|
||||
attrs: {},
|
||||
content: ['hello'],
|
||||
},
|
||||
' ',
|
||||
{
|
||||
tag: 'textarea',
|
||||
attrs: {
|
||||
disabled: 'disabled',
|
||||
},
|
||||
content: ['world'],
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse url tag with get params', () => {
|
||||
const ast = parse('[url=https://github.com/JiLiZART/bbob/search?q=any&unscoped_q=any]GET[/url]');
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
'https://github.com/JiLiZART/bbob/search?q=any&unscoped_q=any': 'https://github.com/JiLiZART/bbob/search?q=any&unscoped_q=any',
|
||||
},
|
||||
content: ['GET'],
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse tag with camelCase params', () => {
|
||||
const ast = parse(`[url href="/groups/123/" isNowrap=true isTextOverflow=true state=primary]
|
||||
[avatar href="/avatar/4/3/b/1606.jpg@20x20?cache=1561462725&bgclr=ffffff" size=xs][/avatar]
|
||||
Group Name Go[/url] `);
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
href: '/groups/123/',
|
||||
isNowrap: 'true',
|
||||
isTextOverflow: 'true',
|
||||
state: 'primary'
|
||||
},
|
||||
content: [
|
||||
'\n',
|
||||
' ',
|
||||
{
|
||||
tag: 'avatar',
|
||||
attrs: {
|
||||
href: '/avatar/4/3/b/1606.jpg@20x20?cache=1561462725&bgclr=ffffff',
|
||||
size: 'xs'
|
||||
},
|
||||
content: []
|
||||
},
|
||||
'\n',
|
||||
' ',
|
||||
'Group',
|
||||
' ',
|
||||
'Name',
|
||||
' ',
|
||||
'Go',
|
||||
],
|
||||
},
|
||||
' ',
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse url tag with # and = symbols [google docs]', () => {
|
||||
const ast = parse('[url href=https://docs.google.com/spreadsheets/d/1W9VPUESF_NkbSa_HtRFrQNl0nYo8vPCxJFy7jD3Tpio/edit#gid=0]Docs[/url]');
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
tag: 'url',
|
||||
attrs: {
|
||||
href: 'https://docs.google.com/spreadsheets/d/1W9VPUESF_NkbSa_HtRFrQNl0nYo8vPCxJFy7jD3Tpio/edit#gid=0',
|
||||
},
|
||||
content: ['Docs'],
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse with lost closing tag in middle', () => {
|
||||
const str = `[quote]some[/quote][color=red]test[/color]
|
||||
[quote]xxxsdfasdf
|
||||
sdfasdfasdf
|
||||
|
||||
[url=xxx]xxx[/url]`
|
||||
|
||||
expectOutput(
|
||||
parse(str),
|
||||
[
|
||||
{ tag: 'quote', attrs: {}, content: ['some'] },
|
||||
{ tag: 'color', attrs: { red: 'red' }, content: ['test'] },
|
||||
'\n',
|
||||
'[quote]',
|
||||
'xxxsdfasdf',
|
||||
'\n',
|
||||
'sdfasdfasdf',
|
||||
'\n',
|
||||
'\n',
|
||||
{ tag: 'url', attrs: { xxx: 'xxx' }, content: ['xxx'] }
|
||||
]
|
||||
)
|
||||
})
|
||||
|
||||
test('parse with lost closing tag on start', () => {
|
||||
const str = `[quote]xxxsdfasdf[quote]some[/quote][color=red]test[/color]sdfasdfasdf[url=xxx]xxx[/url]`
|
||||
|
||||
expectOutput(
|
||||
parse(str),
|
||||
[
|
||||
'[quote]',
|
||||
'xxxsdfasdf',
|
||||
{ tag: 'quote', attrs: {}, content: ['some'] },
|
||||
{ tag: 'color', attrs: { red: 'red' }, content: ['test'] },
|
||||
'sdfasdfasdf',
|
||||
{ tag: 'url', attrs: { xxx: 'xxx' }, content: ['xxx'] }
|
||||
]
|
||||
)
|
||||
})
|
||||
|
||||
test('parse with lost closing tag on end', () => {
|
||||
const str = `[quote]some[/quote][color=red]test[/color]sdfasdfasdf[url=xxx]xxx[/url][quote]xxxsdfasdf`
|
||||
|
||||
expectOutput(
|
||||
parse(str),
|
||||
[
|
||||
{ tag: 'quote', attrs: {}, content: ['some'] },
|
||||
{ tag: 'color', attrs: { red: 'red' }, content: ['test'] },
|
||||
'sdfasdfasdf',
|
||||
{ tag: 'url', attrs: { xxx: 'xxx' }, content: ['xxx'] },
|
||||
'[quote]',
|
||||
'xxxsdfasdf',
|
||||
]
|
||||
)
|
||||
})
|
||||
|
||||
describe('html', () => {
|
||||
const parseHTML = (input: string) => parse(input, { openTag: '<', closeTag: '>' });
|
||||
|
||||
test('normal attributes', () => {
|
||||
const content = `<button id="test0" class="value0" title="value1">class="value0" title="value1"</button>`;
|
||||
const ast = parseHTML(content);
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
"tag": "button",
|
||||
"attrs": {
|
||||
"id": "test0",
|
||||
"class": "value0",
|
||||
"title": "value1"
|
||||
},
|
||||
"content": [
|
||||
"class=\"value0\"",
|
||||
" ",
|
||||
"title=\"value1\""
|
||||
]
|
||||
}
|
||||
]);
|
||||
});
|
||||
|
||||
test('attributes with no quotes or value', () => {
|
||||
const content = `<button id="test1" class=value2 disabled required>class=value2 disabled</button>`;
|
||||
const ast = parseHTML(content);
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
"tag": "button",
|
||||
"attrs": {
|
||||
"id": "test1",
|
||||
"class": "value2",
|
||||
"disabled": "disabled",
|
||||
"required": "required"
|
||||
},
|
||||
"content": [
|
||||
"class=value2",
|
||||
" ",
|
||||
"disabled"
|
||||
]
|
||||
}
|
||||
]);
|
||||
});
|
||||
|
||||
test('attributes with no space between them. no valid, but accepted by the browser', () => {
|
||||
const content = `<button id="test2" class="value4"title="value5">class="value4"title="value5"</button>`;
|
||||
const ast = parseHTML(content);
|
||||
|
||||
expectOutput(ast, [
|
||||
{
|
||||
"tag": "button",
|
||||
"attrs": {
|
||||
"id": "test2",
|
||||
"class": "value4",
|
||||
"title": "value5"
|
||||
},
|
||||
"content": [
|
||||
"class=\"value4\"title=\"value5\""
|
||||
]
|
||||
}
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse escaped tags', () => {
|
||||
const ast = parse('\\[b\\]test\\[/b\\]', {
|
||||
enableEscapeTags: true
|
||||
});
|
||||
|
||||
expectOutput(ast, [
|
||||
'[',
|
||||
'b',
|
||||
']',
|
||||
'test',
|
||||
'[',
|
||||
'/b',
|
||||
']',
|
||||
]);
|
||||
});
|
||||
|
||||
test('parse escaped tags and escaped backslash', () => {
|
||||
const ast = parse('\\\\\\[b\\\\\\]test\\\\\\[/b\\\\\\]', {
|
||||
enableEscapeTags: true
|
||||
});
|
||||
|
||||
expectOutput(ast, [
|
||||
'\\',
|
||||
'[',
|
||||
'b',
|
||||
'\\',
|
||||
']',
|
||||
'test',
|
||||
'\\',
|
||||
'[',
|
||||
'/b',
|
||||
'\\',
|
||||
']',
|
||||
]);
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user