feat(parser): custom open and close tags support, html tags tests (#3)

packages/bbob-parser/test/parse.test.js

@@ -1,11 +1,15 @@
 import { parse } from '../src'
 
 describe('Parser', () => {
+  const expectOutput = (ast, output) => {
+    expect(ast).toBeInstanceOf(Array);
+    expect(ast).toEqual(output);
+  };
+
   test('parse paired tags tokens', () => {
     const ast = parse('[best name=value]Foo Bar[/best]');
 
-    expect(ast).toBeInstanceOf(Array);
-    expect(ast).toEqual([
+    expectOutput(ast, [
       {
         tag: 'best',
         attrs: {
@@ -25,8 +29,7 @@ describe('Parser', () => {
       onlyAllowTags: ['h1']
     });
 
-    expect(ast).toBeInstanceOf(Array);
-    expect(ast).toEqual([
+    expectOutput(ast, [
       {
         tag: 'h1',
         attrs: {
@@ -45,36 +48,32 @@ describe('Parser', () => {
   test('parse inconsistent tags', () => {
     const ast = parse('[h1 name=value]Foo [Bar] /h1]');
 
-    expect(ast).toBeInstanceOf(Array);
-    expect(ast).toEqual(
-      [
-        {
-          attrs: {},
-          tag: 'h1',
-          content: []
-        },
-        'Foo',
-        ' ',
-        {
-          tag: 'Bar',
-          attrs: {},
-          content: []
-        },
-        ' ',
-        '/h1]',
-      ]
-    );
+    expectOutput(ast, [
+      {
+        attrs: {},
+        tag: 'h1',
+        content: []
+      },
+      'Foo',
+      ' ',
+      {
+        tag: 'Bar',
+        attrs: {},
+        content: []
+      },
+      ' ',
+      '/h1]',
+    ]);
   });
 
   test('parse tag with value param', () => {
     const ast = parse('[url=https://github.com/jilizart/bbob]BBob[/url]');
 
-    expect(ast).toBeInstanceOf(Array);
-    expect(ast).toEqual([
+    expectOutput(ast, [
       {
         tag: 'url',
         attrs: {
-          url: 'https://github.com/jilizart/bbob',
+          'https://github.com/jilizart/bbob': 'https://github.com/jilizart/bbob',
         },
         content: ['BBob'],
       },
@@ -84,8 +83,7 @@ describe('Parser', () => {
   test('parse tag with quoted param with spaces', () => {
     const ast = parse('[url href=https://ru.wikipedia.org target=_blank text="Foo Bar"]Text[/url]');
 
-    expect(ast).toBeInstanceOf(Array);
-    expect(ast).toEqual([
+    expectOutput(ast, [
       {
         tag: 'url',
         attrs: {
@@ -103,5 +101,71 @@ describe('Parser', () => {
     const ast = parse('[c][/c][b]hello[/c][/b][b]', { onError });
 
     expect(onError).toHaveBeenCalled();
-  })
+  });
+
+  describe('html', () => {
+    const parseHTML = input => 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\""
+          ]
+        }
+      ]);
+    });
+  });
 });