import { describe, it, expect } from 'vitest';
import { renderMarkdown } from '../utils/markdown-lite';

describe('renderMarkdown', () => {
  it('returns empty string for empty input', () => {
    expect(renderMarkdown('')).toBe('');
  });

  it('wraps plain text in <p>', () => {
    expect(renderMarkdown('Hello world')).toBe('<p>Hello world</p>');
  });

  it('creates separate paragraphs on blank lines', () => {
    const result = renderMarkdown('First\n\nSecond');
    expect(result).toContain('<p>First</p>');
    expect(result).toContain('<p>Second</p>');
  });

  it('renders headings (level + 1, h1 reserved)', () => {
    expect(renderMarkdown('## Heading 2')).toContain('<h3>Heading 2</h3>');
    expect(renderMarkdown('### Heading 3')).toContain('<h4>Heading 3</h4>');
    expect(renderMarkdown('#### Heading 4')).toContain('<h5>Heading 4</h5>');
  });

  it('renders bold text', () => {
    expect(renderMarkdown('some **bold** text')).toContain('<strong>bold</strong>');
  });

  it('renders italic text', () => {
    expect(renderMarkdown('some *italic* text')).toContain('<em>italic</em>');
  });

  it('renders inline code', () => {
    expect(renderMarkdown('use `code` here')).toContain('<code>code</code>');
  });

  it('renders markdown links', () => {
    const result = renderMarkdown('[label](https://example.com)');
    expect(result).toContain('<a href="https://example.com"');
    expect(result).toContain('>label</a>');
  });

  it('strips dangerous schemes from markdown links (XSS defense)', () => {
    const out1 = renderMarkdown('[click](javascript:alert(1))');
    expect(out1).not.toContain('javascript:');
    expect(out1).not.toContain('<a ');

    const out2 = renderMarkdown('[x](data:text/html,<script>alert(1)</script>)');
    expect(out2).not.toContain('data:');
    expect(out2).not.toContain('<script');

    const out3 = renderMarkdown('[x](vbscript:msgbox(1))');
    expect(out3).not.toContain('vbscript:');
  });

  it('still emits rel="noopener" on safe external links', () => {
    const out = renderMarkdown('[link](https://example.com)');
    expect(out).toContain('rel="noopener"');
    expect(out).toContain('target="_blank"');
  });

  it('renders unordered lists', () => {
    const result = renderMarkdown('- one\n- two');
    expect(result).toContain('<ul>');
    expect(result).toContain('<li>one</li>');
    expect(result).toContain('<li>two</li>');
  });

  it('renders ordered lists', () => {
    const result = renderMarkdown('1. first\n2. second');
    expect(result).toContain('<ol>');
    expect(result).toContain('<li>first</li>');
  });

  it('renders blockquotes', () => {
    const result = renderMarkdown('> quoted text');
    expect(result).toContain('<blockquote>');
    expect(result).toContain('quoted text');
  });

  it('renders code fences', () => {
    const result = renderMarkdown('```\nlet x = 1;\n```');
    expect(result).toContain('<pre><code>');
    expect(result).toContain('let x = 1;');
  });

  it('renders code fences with language', () => {
    const result = renderMarkdown('```js\nconst x = 1;\n```');
    expect(result).toContain('class="language-js"');
  });

  it('escapes HTML in code fences', () => {
    const result = renderMarkdown('```\n<a href="evil">\n```');
    expect(result).toContain('&lt;a href="evil"&gt;');
  });

  it('renders horizontal rules', () => {
    const result = renderMarkdown('---');
    expect(result).toContain('<hr>');
  });

  it('handles multi-line paragraphs', () => {
    const result = renderMarkdown('line one\nline two\n\nnew paragraph');
    expect(result).toContain('<p>line one line two</p>');
    expect(result).toContain('<p>new paragraph</p>');
  });

  it('renders markdown tables', () => {
    const input = '| Name | Value |\n|------|-------|\n| a | 1 |\n| b | 2 |';
    const result = renderMarkdown(input);
    expect(result).toContain('<table>');
    expect(result).toContain('<thead>');
    expect(result).toContain('<th>Name</th>');
    expect(result).toContain('<th>Value</th>');
    expect(result).toContain('<tbody>');
    expect(result).toContain('<td>a</td>');
    expect(result).toContain('<td>b</td>');
    expect(result).toContain('</table>');
  });

  it('renders table cells with inline formatting', () => {
    const input = '| Col |\n|-----|\n| **bold** |';
    const result = renderMarkdown(input);
    expect(result).toContain('<td><strong>bold</strong></td>');
  });

  it('does not treat non-table pipe lines as tables', () => {
    const input = 'some text | with pipes';
    const result = renderMarkdown(input);
    expect(result).toContain('<p>');
    expect(result).not.toContain('<table>');
  });
});