@chayns-components/format 5.0.0-beta.650 → 5.0.0-beta.674

package/lib/cjs/utils/formatString/formatString.test.js

@@ -0,0 +1,549 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _formatString = require("./formatString");
+const removeLinebreaks = text => text.replace(/\n/g, '');
+(0, _vitest.describe)('HTML Formatter Function', () => {
+  (0, _vitest.describe)('Format Plain Text', () => {
+    (0, _vitest.describe)('Line breaks', () => {
+      (0, _vitest.test)('should format line breaks correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('Line 1\nLine 2');
+        (0, _vitest.expect)(result.html).toEqual('<p>Line 1\nLine 2</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format multiple line breaks correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('Line 1\n\nLine 2');
+        (0, _vitest.expect)(result.html).toEqual('<p>Line 1</p>\n<p>Line 2</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should remove trailing and leading new lines', () => {
+        const result = (0, _formatString.formatStringToHtml)('\n\n\nLine 1\n\n\n');
+        (0, _vitest.expect)(result.html).toEqual('<p>Line 1</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('Whitespaces', () => {
+      (0, _vitest.test)('should not remove repeated whitespaces', () => {
+        const result = (0, _formatString.formatStringToHtml)('Text    with    spaces');
+        (0, _vitest.expect)(result.html).toEqual('<p>Text    with    spaces</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should not remove leading and trailing whitespaces', () => {
+        const result = (0, _formatString.formatStringToHtml)('   Text   ');
+        (0, _vitest.expect)(result.html).toEqual('<p>   Text   </p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('HTML', () => {
+      (0, _vitest.test)('should escape < and > correctly', () => {
+        const resultEscape = (0, _formatString.formatStringToHtml)('<div>Test</div>');
+        (0, _vitest.expect)(resultEscape.html).toEqual('<p>&lt;div&gt;Test&lt;/div&gt;</p>');
+        (0, _vitest.expect)(resultEscape.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should not escape &', () => {
+        const resultEscape1 = (0, _formatString.formatStringToHtml)('&lt;div&gt;Test&lt;/div&gt;');
+        (0, _vitest.expect)(resultEscape1.html).toEqual('<p>&lt;div&gt;Test&lt;/div&gt;</p>');
+        (0, _vitest.expect)(resultEscape1.tables).toEqual([]);
+        const resultEscape2 = (0, _formatString.formatStringToHtml)('&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;');
+        (0, _vitest.expect)(resultEscape2.html).toEqual('<p>&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;</p>');
+        (0, _vitest.expect)(resultEscape2.tables).toEqual([]);
+      });
+
+      // TODO Decide if & should be escaped, when they are not part of an HTML entity.
+    });
+    (0, _vitest.describe)('URLs', () => {
+      (0, _vitest.test)('should not format URLs', () => {
+        const result = (0, _formatString.formatStringToHtml)('https://example.com');
+        (0, _vitest.expect)(result.html).toEqual('<p>https://example.com</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+  });
+  (0, _vitest.describe)('Format Markdown', () => {
+    (0, _vitest.describe)('All Elements', () => {
+      (0, _vitest.test)('should format text styling correctly', () => {
+        const boldResult = (0, _formatString.formatStringToHtml)('**bold**');
+        (0, _vitest.expect)(boldResult.html).toEqual('<p><strong>bold</strong></p>');
+        (0, _vitest.expect)(boldResult.tables).toEqual([]);
+        const italicResult = (0, _formatString.formatStringToHtml)('*italic*');
+        (0, _vitest.expect)(italicResult.html).toEqual('<p><em>italic</em></p>');
+        (0, _vitest.expect)(italicResult.tables).toEqual([]);
+        const inlineCodeResult = (0, _formatString.formatStringToHtml)('`inline code`');
+        (0, _vitest.expect)(inlineCodeResult.html).toEqual('<p><code>inline code</code></p>');
+        (0, _vitest.expect)(inlineCodeResult.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format headings correctly', () => {
+        const h1Result = (0, _formatString.formatStringToHtml)('# h1');
+        (0, _vitest.expect)(h1Result.html).toEqual('<h1>h1</h1>');
+        (0, _vitest.expect)(h1Result.tables).toEqual([]);
+        const h2Result = (0, _formatString.formatStringToHtml)('## h2');
+        (0, _vitest.expect)(h2Result.html).toEqual('<h2>h2</h2>');
+        (0, _vitest.expect)(h2Result.tables).toEqual([]);
+        const h3Result = (0, _formatString.formatStringToHtml)('### h3');
+        (0, _vitest.expect)(h3Result.html).toEqual('<h3>h3</h3>');
+        (0, _vitest.expect)(h3Result.tables).toEqual([]);
+        const h4Result = (0, _formatString.formatStringToHtml)('#### h4');
+        (0, _vitest.expect)(h4Result.html).toEqual('<h4>h4</h4>');
+        (0, _vitest.expect)(h4Result.tables).toEqual([]);
+        const h5Result = (0, _formatString.formatStringToHtml)('##### h5');
+        (0, _vitest.expect)(h5Result.html).toEqual('<h5>h5</h5>');
+        (0, _vitest.expect)(h5Result.tables).toEqual([]);
+        const h6Result = (0, _formatString.formatStringToHtml)('###### h6');
+        (0, _vitest.expect)(h6Result.html).toEqual('<h6>h6</h6>');
+        (0, _vitest.expect)(h6Result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format links correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('[Link](https://example.com)');
+        (0, _vitest.expect)(result.html).toEqual('<p><a href="https://example.com">Link</a></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format images correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('![Alt Text](https://example.com/image.jpg)');
+        (0, _vitest.expect)(result.html).toEqual('<p><img src="https://example.com/image.jpg" alt="Alt Text"></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format lists correctly', () => {
+        const expectedUnorderedListResult = '<ul>\n<li>Item 1</li>\n<li>Item 2</li>\n<li>Item 3</li>\n</ul>';
+        const expectedOrderedListResult = '<ol>\n<li>Item 1</li>\n<li>Item 2</li>\n<li>Item 3</li>\n</ol>';
+        const unorderedListResult1 = (0, _formatString.formatStringToHtml)('- Item 1\n- Item 2\n- Item 3');
+        (0, _vitest.expect)(unorderedListResult1.html).toEqual(expectedUnorderedListResult);
+        (0, _vitest.expect)(unorderedListResult1.tables).toEqual([]);
+        const unorderedListResult2 = (0, _formatString.formatStringToHtml)('* Item 1\n* Item 2\n* Item 3');
+        (0, _vitest.expect)(unorderedListResult2.html).toEqual(expectedUnorderedListResult);
+        (0, _vitest.expect)(unorderedListResult2.tables).toEqual([]);
+        const orderedListResult = (0, _formatString.formatStringToHtml)('1. Item 1\n2. Item 2\n3. Item 3');
+        (0, _vitest.expect)(orderedListResult.html).toEqual(expectedOrderedListResult);
+        (0, _vitest.expect)(orderedListResult.tables).toEqual([]);
+        const orderedListResult2 = (0, _formatString.formatStringToHtml)('1) Item 1\n2) Item 2\n3) Item 3');
+        (0, _vitest.expect)(orderedListResult2.html).toEqual(expectedOrderedListResult);
+        (0, _vitest.expect)(orderedListResult2.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format thematic breaks correctly', () => {
+        const expectedThematicBreakResult = '<hr>';
+        const result1 = (0, _formatString.formatStringToHtml)('---');
+        (0, _vitest.expect)(result1.html).toEqual(expectedThematicBreakResult);
+        (0, _vitest.expect)(result1.tables).toEqual([]);
+        const result2 = (0, _formatString.formatStringToHtml)('***');
+        (0, _vitest.expect)(result2.html).toEqual(expectedThematicBreakResult);
+        (0, _vitest.expect)(result2.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format code blocks correctly', () => {
+        const resultWithoutLanguage = (0, _formatString.formatStringToHtml)('```\nconst a = 1;\n```');
+        (0, _vitest.expect)(resultWithoutLanguage.html).toEqual('<pre><code>const a = 1;</code></pre>');
+        (0, _vitest.expect)(resultWithoutLanguage.tables).toEqual([]);
+        const resultWithLanguage = (0, _formatString.formatStringToHtml)('```js\nconst a = 1;\n```');
+        (0, _vitest.expect)(resultWithLanguage.html).toEqual('<pre><code class="language-js">const a = 1;</code></pre>');
+        (0, _vitest.expect)(resultWithLanguage.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format tables correctly', () => {
+        const inputString = '| Header 1 | Header 2 |\n|----------|----------|\n| Cell 1   | Cell 2   |';
+        const result = (0, _formatString.formatStringToHtml)(inputString);
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<table id="formatted-table-0"><thead><tr><th>Header 1</th><th>Header 2</th></tr></thead><tbody><tr><td>Cell 1</td><td>Cell 2</td></tr></tbody></table>');
+        (0, _vitest.expect)(result.tables).toEqual([{
+          csv: 'Header 1,Header 2\nCell 1,Cell 2\n',
+          raw: inputString,
+          id: 'formatted-table-0'
+        }]);
+      });
+    });
+    (0, _vitest.describe)('Inline Code', () => {
+      (0, _vitest.describe)('HTML In Code', () => {
+        (0, _vitest.test)('should escape < and > within inline code correctly', () => {
+          const result1 = (0, _formatString.formatStringToHtml)('`<div>Test</div>`');
+          (0, _vitest.expect)(result1.html).toEqual('<p><code>&lt;div&gt;Test&lt;/div&gt;</code></p>');
+          (0, _vitest.expect)(result1.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should not escape & within inline code', () => {
+          const resultEscape1 = (0, _formatString.formatStringToHtml)('`&lt;div&gt;Test&lt;/div&gt;`');
+          (0, _vitest.expect)(resultEscape1.html).toEqual('<p><code>&lt;div&gt;Test&lt;/div&gt;</code></p>');
+          (0, _vitest.expect)(resultEscape1.tables).toEqual([]);
+          const resultEscape2 = (0, _formatString.formatStringToHtml)('`&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;`');
+          (0, _vitest.expect)(resultEscape2.html).toEqual('<p><code>&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;</code></p>');
+          (0, _vitest.expect)(resultEscape2.tables).toEqual([]);
+        });
+      });
+      (0, _vitest.test)('should not format markdown within inline code', () => {
+        const result = (0, _formatString.formatStringToHtml)('`**bold** *italic*`');
+        (0, _vitest.expect)(result.html).toEqual('<p><code>**bold** *italic*</code></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should not format bb-code within inline code', () => {
+        const result = (0, _formatString.formatStringToHtml)('`[b]bold[/b]`', {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(result.html).toEqual('<p><code>[b]bold[/b]</code></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('Codeblock', () => {
+      (0, _vitest.test)('should format code blocks with multiple lines correctly', () => {
+        const resultWithoutLanguage = (0, _formatString.formatStringToHtml)('```\nconst a = 1;\nconst b = 2;\n```');
+        (0, _vitest.expect)(resultWithoutLanguage.html).toEqual('<pre><code>const a = 1;\nconst b = 2;</code></pre>');
+        (0, _vitest.expect)(resultWithoutLanguage.tables).toEqual([]);
+        const resultWithLanguage = (0, _formatString.formatStringToHtml)('```js\nconst a = 1;\nconst b = 2;\n```');
+        (0, _vitest.expect)(resultWithLanguage.html).toEqual('<pre><code class="language-js">const a = 1;\nconst b = 2;</code></pre>');
+        (0, _vitest.expect)(resultWithLanguage.tables).toEqual([]);
+      });
+      (0, _vitest.describe)('HTML In Code', () => {
+        (0, _vitest.test)('should escape < and > within code block', () => {
+          const resultWithoutLanguage = (0, _formatString.formatStringToHtml)('```\n<div>Test</div>\n```');
+          (0, _vitest.expect)(resultWithoutLanguage.html).toEqual('<pre><code>&lt;div&gt;Test&lt;/div&gt;</code></pre>');
+          (0, _vitest.expect)(resultWithoutLanguage.tables).toEqual([]);
+          const resultWithLanguage = (0, _formatString.formatStringToHtml)('```html\n<div>Test</div>\n```');
+          (0, _vitest.expect)(resultWithLanguage.html).toEqual('<pre><code class="language-html">&lt;div&gt;Test&lt;/div&gt;</code></pre>');
+          (0, _vitest.expect)(resultWithLanguage.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should not escape & within code block', () => {
+          const resultEscape1 = (0, _formatString.formatStringToHtml)('```\n&lt;div&gt;Test&lt;/div&gt;\n```');
+          (0, _vitest.expect)(resultEscape1.html).toEqual('<pre><code>&lt;div&gt;Test&lt;/div&gt;</code></pre>');
+          (0, _vitest.expect)(resultEscape1.tables).toEqual([]);
+          const resultEscape2 = (0, _formatString.formatStringToHtml)('```\n&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;\n```');
+          (0, _vitest.expect)(resultEscape2.html).toEqual('<pre><code>&amp;lt;div&amp;gt;Test&amp;lt;/div&amp;gt;</code></pre>');
+          (0, _vitest.expect)(resultEscape2.tables).toEqual([]);
+        });
+      });
+      (0, _vitest.test)('should not format markdown within code block', () => {
+        const resultWithoutLanguage = (0, _formatString.formatStringToHtml)('```\n**Test**\n```');
+        (0, _vitest.expect)(resultWithoutLanguage.html).toEqual('<pre><code>**Test**</code></pre>');
+        (0, _vitest.expect)(resultWithoutLanguage.tables).toEqual([]);
+        const resultWithLanguage = (0, _formatString.formatStringToHtml)('```html\n**Test**\n```');
+        (0, _vitest.expect)(resultWithLanguage.html).toEqual('<pre><code class="language-html">**Test**</code></pre>');
+        (0, _vitest.expect)(resultWithLanguage.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should not format bb-code within code block', () => {
+        const resultWithoutLanguage = (0, _formatString.formatStringToHtml)('```\n[b]Test[/b]\n```');
+        (0, _vitest.expect)(resultWithoutLanguage.html).toEqual('<pre><code>[b]Test[/b]</code></pre>');
+        (0, _vitest.expect)(resultWithoutLanguage.tables).toEqual([]);
+        const resultWithLanguage = (0, _formatString.formatStringToHtml)('```html\n[b]Test[/b]\n```');
+        (0, _vitest.expect)(resultWithLanguage.html).toEqual('<pre><code class="language-html">[b]Test[/b]</code></pre>');
+        (0, _vitest.expect)(resultWithLanguage.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('Table', () => {
+      (0, _vitest.test)('should format markdown within table correctly', () => {
+        const inputString = '| Header 1 | Header 2 |\n|----------|----------|\n| **Cell 1** | *Cell 2* |';
+        const result = (0, _formatString.formatStringToHtml)(inputString);
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<table id="formatted-table-0"><thead><tr><th>Header 1</th><th>Header 2</th></tr></thead><tbody><tr><td><strong>Cell 1</strong></td><td><em>Cell 2</em></td></tr></tbody></table>');
+        (0, _vitest.expect)(result.tables).toEqual([{
+          csv: 'Header 1,Header 2\n**Cell 1**,*Cell 2*\n',
+          raw: inputString,
+          id: 'formatted-table-0'
+        }]);
+      });
+      (0, _vitest.test)('should format bb-code within table correctly', () => {
+        const inputString = '| Header 1 | Header 2 |\n|----------|----------|\n| [b]Cell 1[/b] | [i]Cell 2[/i] |';
+        const result = (0, _formatString.formatStringToHtml)(inputString, {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<table id="formatted-table-0"><thead><tr><th>Header 1</th><th>Header 2</th></tr></thead><tbody><tr><td><b>Cell 1</b></td><td><i>Cell 2</i></td></tr></tbody></table>');
+        (0, _vitest.expect)(result.tables).toEqual([{
+          csv: 'Header 1,Header 2\n[b]Cell 1[/b],[i]Cell 2[/i]\n',
+          raw: inputString,
+          id: 'formatted-table-0'
+        }]);
+      });
+      (0, _vitest.test)('should format html within table correctly', () => {
+        const inputString = '| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| <div>Cell 1</div> | &lt;div&gt;Cell 2&lt;/div&gt; | &amp;lt;div&amp;gt;Cell 3&amp;lt;/div&amp;gt; |';
+        const result = (0, _formatString.formatStringToHtml)(inputString, {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<table id="formatted-table-0"><thead><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr></thead><tbody><tr><td>&lt;div&gt;Cell 1&lt;/div&gt;</td><td>&lt;div&gt;Cell 2&lt;/div&gt;</td><td>&amp;lt;div&amp;gt;Cell 3&amp;lt;/div&amp;gt;</td></tr></tbody></table>');
+        (0, _vitest.expect)(result.tables).toEqual([{
+          csv: 'Header 1,Header 2,Header 3\n<div>Cell 1</div>,<div>Cell 2</div>,&lt;div&gt;Cell 3&lt;/div&gt;\n',
+          raw: '| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| <div>Cell 1</div> | <div>Cell 2</div> | &lt;div&gt;Cell 3&lt;/div&gt; |',
+          id: 'formatted-table-0'
+        }]);
+      });
+      (0, _vitest.test)('should format multiple tables correctly', () => {
+        const table1 = '| Header 1 | Header 2 |\n|----------|----------|\n| Cell 1   | Cell 2   |';
+        const getTable1Result = index => `<table id="formatted-table-${index}"><thead><tr><th>Header 1</th><th>Header 2</th></tr></thead><tbody><tr><td>Cell 1</td><td>Cell 2</td></tr></tbody></table>`;
+        const table1Csv = 'Header 1,Header 2\nCell 1,Cell 2\n';
+        const table2 = '| Header 3 | Header 4 |\n|----------|----------|\n| Cell 3   | Cell 4   |';
+        const getTable2TResult = index => `<table id="formatted-table-${index}"><thead><tr><th>Header 3</th><th>Header 4</th></tr></thead><tbody><tr><td>Cell 3</td><td>Cell 4</td></tr></tbody></table>`;
+        const table2Csv = 'Header 3,Header 4\nCell 3,Cell 4\n';
+        const result1 = (0, _formatString.formatStringToHtml)(`${table1}\n\n${table2}`);
+        (0, _vitest.expect)(removeLinebreaks(result1.html)).toEqual(`${getTable1Result(0)}${getTable2TResult(1)}`);
+        (0, _vitest.expect)(result1.tables).toEqual([{
+          csv: table1Csv,
+          raw: `${table1}\n\n`,
+          id: 'formatted-table-0'
+        }, {
+          csv: table2Csv,
+          raw: table2,
+          id: 'formatted-table-1'
+        }]);
+
+        // Tables in reverse order.
+        const result2 = (0, _formatString.formatStringToHtml)(`${table2}\n\n${table1}`);
+        (0, _vitest.expect)(removeLinebreaks(result2.html)).toEqual(`${getTable2TResult(0)}${getTable1Result(1)}`);
+        (0, _vitest.expect)(result2.tables).toEqual([{
+          csv: table2Csv,
+          raw: `${table2}\n\n`,
+          id: 'formatted-table-0'
+        }, {
+          csv: table1Csv,
+          raw: table1,
+          id: 'formatted-table-1'
+        }]);
+      });
+    });
+    (0, _vitest.describe)('List', () => {
+      (0, _vitest.test)('should format markdown within list correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('- **Item 1**\n- *Item 2*');
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<ul><li><strong>Item 1</strong></li><li><em>Item 2</em></li></ul>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format task lists correctly', () => {
+        const result1 = (0, _formatString.formatStringToHtml)('- [ ] 1\n- [x] 2\n- [X] 3');
+        (0, _vitest.expect)(removeLinebreaks(result1.html)).toEqual('<ul><li>[ ] 1</li><li>[x] 2</li><li>[x] 3</li></ul>');
+        (0, _vitest.expect)(result1.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('Combined Elements', () => {
+      (0, _vitest.test)('should format code block within list correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('* test\n  ```\n  test\n  ```');
+        (0, _vitest.expect)(removeLinebreaks(result.html)).toEqual('<ul><li>test<pre><code>test</code></pre></li></ul>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+    (0, _vitest.describe)('Conflicts with BB-Code', () => {
+      (0, _vitest.test)('should not format bb code tag followed by paranthese to link', () => {
+        const result = (0, _formatString.formatStringToHtml)('[b]bold[/b](test)', {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(result.html).toEqual('<p><b>bold</b>(test)</p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+  });
+  (0, _vitest.describe)('Format BB-Code', () => {
+    (0, _vitest.describe)('All Elements', () => {
+      (0, _vitest.describe)('Inline Elements', () => {
+        // b, strong, i, em, u, s, span, img
+        (0, _vitest.test)('should format b tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[b]bold[/b]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><b>bold</b></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format strong tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[strong]bold[/strong]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><strong>bold</strong></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format i tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[i]italic[/i]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><i>italic</i></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format em tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[em]italic[/em]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><em>italic</em></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format u tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[u]underline[/u]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><u>underline</u></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format s tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[s]strike[/s]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><s>strike</s></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format span tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[span]span[/span]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><span>span</span></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format img tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[img src="https://example.com/image.jpg"][/img]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><img src="https://example.com/image.jpg"></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+      });
+      (0, _vitest.describe)('Block Level Elements', () => {
+        (0, _vitest.test)('should format center tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[center]centered text[/center]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><center>centered text</center></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format ul tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[ul][li]Item 1[/li][li]Item 2[/li][/ul]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><ul><li>Item 1</li><li>Item 2</li></ul></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format ol tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[ol][li]Item 1[/li][li]Item 2[/li][/ol]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><ol><li>Item 1</li><li>Item 2</li></ol></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format li tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[li]Item[/li]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><li>Item</li></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should format heading tags correctly', () => {
+          const getHeadingInput = tag => `[${tag}]${tag}[/${tag}]`;
+          const getHeadingOutput = tag => `<p><${tag}>${tag}</${tag}></p>`;
+          const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+          headingTags.forEach(tag => {
+            const result = (0, _formatString.formatStringToHtml)(getHeadingInput(tag), {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result.html).toEqual(getHeadingOutput(tag));
+            (0, _vitest.expect)(result.tables).toEqual([]);
+          });
+        });
+        (0, _vitest.test)('should format p tag correctly', () => {
+          const result = (0, _formatString.formatStringToHtml)('[p]paragraph[/p]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p><p>paragraph</p></p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+      });
+      (0, _vitest.describe)('Custom Elements', () => {
+        (0, _vitest.test)('should format custom tags correctly', () => {
+          const input = '[custom attribute1="test1" attribute2="test2"]custom[/custom]';
+          const output = '<p><bb-code-custom attribute1="test1" attribute2="test2">custom</bb-code-custom></p>';
+          const result1 = (0, _formatString.formatStringToHtml)(input, {
+            parseBBCode: true,
+            customInlineLevelBBCodeTags: ['custom']
+          });
+          (0, _vitest.expect)(result1.html).toEqual(output);
+          (0, _vitest.expect)(result1.tables).toEqual([]);
+          const result2 = (0, _formatString.formatStringToHtml)(input, {
+            parseBBCode: true,
+            customBlockLevelBBCodeTags: ['custom']
+          });
+          (0, _vitest.expect)(result2.html).toEqual(output);
+          (0, _vitest.expect)(result2.tables).toEqual([]);
+        });
+        (0, _vitest.test)('should not format unknown custom tags', () => {
+          const result = (0, _formatString.formatStringToHtml)('[unknown]unknown[/unknown]', {
+            parseBBCode: true
+          });
+          (0, _vitest.expect)(result.html).toEqual('<p>[unknown]unknown[/unknown]</p>');
+          (0, _vitest.expect)(result.tables).toEqual([]);
+        });
+      });
+      (0, _vitest.describe)('Line breaks', () => {
+        (0, _vitest.describe)('Between Elements', () => {
+          (0, _vitest.test)('should format line breaks between block level elements correctly', () => {
+            const result1 = (0, _formatString.formatStringToHtml)('[h1]h1[/h1]\n[h2]h2[/h2]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result1.html).toEqual('<p><h1>h1</h1><h2>h2</h2></p>');
+            (0, _vitest.expect)(result1.tables).toEqual([]);
+            const result2 = (0, _formatString.formatStringToHtml)('[h1]h1[/h1]\n\n[h2]h2[/h2]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result2.html).toEqual('<p><h1>h1</h1></p>\n<p><h2>h2</h2></p>');
+            (0, _vitest.expect)(result2.tables).toEqual([]);
+          });
+          (0, _vitest.test)('should format line breaks between inline elements correctly', () => {
+            const result1 = (0, _formatString.formatStringToHtml)('[b]bold[/b]\n[i]italic[/i]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result1.html).toEqual('<p><b>bold</b>\n<i>italic</i></p>');
+            (0, _vitest.expect)(result1.tables).toEqual([]);
+            const result2 = (0, _formatString.formatStringToHtml)('[b]bold[/b]\n\n[i]italic[/i]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result2.html).toEqual('<p><b>bold</b></p>\n<p><i>italic</i></p>');
+            (0, _vitest.expect)(result2.tables).toEqual([]);
+          });
+        });
+        (0, _vitest.describe)('Within Elements', () => {
+          (0, _vitest.test)('should format line breaks within block level elements correctly', () => {
+            const result = (0, _formatString.formatStringToHtml)('[h1]Line 1\nLine 2[/h1]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result.html).toEqual('<p><h1>Line 1\nLine 2</h1></p>');
+            (0, _vitest.expect)(result.tables).toEqual([]);
+          });
+
+          // This is a test that would fail!
+          // test('should format multiple line breaks within block level elements correctly', () => {
+          //     const result = formatStringToHtml('[h1]Line 1\n\nLine 2[/h1]', {
+          //         parseBBCode: true,
+          //     });
+          //     expect(result.html).toEqual('<p><h1>Line 1\nLine 2</h1></p>');
+          //     expect(result.tables).toEqual([]);
+          // });
+
+          (0, _vitest.test)('should remove trailing and leading new lines within block level elements', () => {
+            const result = (0, _formatString.formatStringToHtml)('[h1]\n\n\nLine 1\n\n\n[/h1]', {
+              parseBBCode: true
+            });
+            (0, _vitest.expect)(result.html).toEqual('<p><h1>Line 1</h1></p>');
+            (0, _vitest.expect)(result.tables).toEqual([]);
+          });
+        });
+      });
+      (0, _vitest.test)('should not format url in tag attributes', () => {
+        const result = (0, _formatString.formatStringToHtml)('[link url="https://www.google.com"]Google[/link]', {
+          parseBBCode: true,
+          customInlineLevelBBCodeTags: ['link']
+        });
+        (0, _vitest.expect)(result.html).toEqual('<p><bb-code-link url="https://www.google.com">Google</bb-code-link></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should apply style attribute correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('[span style="color: red;"]red text[/span]', {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(result.html).toEqual('<p><span style="color: red;">red text</span></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+      (0, _vitest.test)('should format nested elements correctly', () => {
+        const result = (0, _formatString.formatStringToHtml)('[b][i]bold italic[/i][/b]', {
+          parseBBCode: true
+        });
+        (0, _vitest.expect)(result.html).toEqual('<p><b><i>bold italic</i></b></p>');
+        (0, _vitest.expect)(result.tables).toEqual([]);
+      });
+    });
+  });
+  (0, _vitest.describe)('Combined Formatting (Markdown + BB-Code)', () => {
+    (0, _vitest.test)('should format bb-code within markdown correctly', () => {
+      const result = (0, _formatString.formatStringToHtml)('*[b]bold[/b]*', {
+        parseBBCode: true
+      });
+      (0, _vitest.expect)(result.html).toEqual('<p><em><b>bold</b></em></p>');
+      (0, _vitest.expect)(result.tables).toEqual([]);
+    });
+    (0, _vitest.test)('should format markdown within bb-code correctly', () => {
+      const result = (0, _formatString.formatStringToHtml)('[b]*bold*[/b]', {
+        parseBBCode: true
+      });
+      (0, _vitest.expect)(result.html).toEqual('<p><b><em>bold</em></b></p>');
+      (0, _vitest.expect)(result.tables).toEqual([]);
+    });
+  });
+});
+//# sourceMappingURL=formatString.test.js.map