refactor: reorganize directory structure into src/

Move all source code directories into src/ for cleaner project structure: - pages/, components/, utils/, config/, providers/, types/, lib/, assets/, entrypoints/ → src/ - Use WXT srcDir config to resolve @/ alias to src/ - Update tsconfig, vitest, eslint, tailwind configs - Remove scattered README.md files from subdirectories - Update documentation (AGENTS.md, CODING_STANDARDS.md, README.md) - Fix pre-existing lint error in RouterProvider.tsx Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-05-28 20:20:45 +08:00
parent 9903483f42
commit b79fe7dd49
166 changed files with 86 additions and 631 deletions
@@ -0,0 +1,177 @@
+import { describe, it, expect, vi } from 'vitest';
+import {
+  markdownToHtml,
+  wrapHtmlDocument,
+  downloadHtmlFile,
+  SAMPLE_MARKDOWN,
+} from '@/utils/markdownToHtml';
+
+describe('markdownToHtml', () => {
+  it('应该转换基础 Markdown 标题', () => {
+    const result = markdownToHtml('# Hello World');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<h1');
+    expect(result.html).toContain('Hello World');
+    expect(result.originalLength).toBe(13);
+    expect(result.htmlLength).toBeGreaterThan(0);
+  });
+
+  it('应该转换粗体和斜体', () => {
+    const result = markdownToHtml('**bold** and *italic*');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<strong>bold</strong>');
+    expect(result.html).toContain('<em>italic</em>');
+  });
+
+  it('应该转换链接', () => {
+    const result = markdownToHtml('[Google](https://google.com)');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<a');
+    expect(result.html).toContain('href="https://google.com"');
+    expect(result.html).toContain('Google');
+  });
+
+  it('应该转换无序列表', () => {
+    const result = markdownToHtml('- item 1\n- item 2');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<ul>');
+    expect(result.html).toContain('<li>item 1</li>');
+  });
+
+  it('应该转换有序列表', () => {
+    const result = markdownToHtml('1. first\n2. second');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<ol>');
+    expect(result.html).toContain('<li>first</li>');
+  });
+
+  it('应该转换代码块', () => {
+    const result = markdownToHtml('```js\nconst x = 1;\n```');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<pre>');
+    expect(result.html).toContain('<code');
+    expect(result.html).toContain('const x = 1;');
+  });
+
+  it('应该转换行内代码', () => {
+    const result = markdownToHtml('use `npm install` command');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<code>npm install</code>');
+  });
+
+  it('应该转换引用块', () => {
+    const result = markdownToHtml('> This is a quote');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<blockquote>');
+    expect(result.html).toContain('This is a quote');
+  });
+
+  it('应该转换表格', () => {
+    const md = '| A | B |\n|---|---|\n| 1 | 2 |';
+    const result = markdownToHtml(md);
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<table>');
+    expect(result.html).toContain('<th>A</th>');
+    expect(result.html).toContain('<td>1</td>');
+  });
+
+  it('应该转换任务列表', () => {
+    const result = markdownToHtml('- [x] done\n- [ ] todo');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<input');
+    expect(result.html).toContain('checked');
+  });
+
+  it('应该转换删除线', () => {
+    const result = markdownToHtml('~~deleted~~');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<del>deleted</del>');
+  });
+
+  it('应该处理空字符串', () => {
+    const result = markdownToHtml('');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toBe('');
+    expect(result.originalLength).toBe(0);
+    expect(result.htmlLength).toBe(0);
+  });
+
+  it('应该处理空白字符串', () => {
+    const result = markdownToHtml('   \n   ');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toBe('');
+  });
+
+  it('应该处理中文内容', () => {
+    const result = markdownToHtml('# 你好世界\n\n这是**中文**内容。');
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('你好世界');
+    expect(result.html).toContain('<strong>中文</strong>');
+  });
+
+  it('应该转换示例 Markdown', () => {
+    const result = markdownToHtml(SAMPLE_MARKDOWN);
+    expect(result.hasError).toBe(false);
+    expect(result.html).toContain('<h1');
+    expect(result.html).toContain('<h2');
+    expect(result.html).toContain('<table>');
+    expect(result.html).toContain('<code>');
+    expect(result.originalLength).toBe(SAMPLE_MARKDOWN.length);
+    expect(result.htmlLength).toBeGreaterThan(result.originalLength);
+  });
+});
+
+describe('wrapHtmlDocument', () => {
+  it('应该生成完整的 HTML 文档', () => {
+    const doc = wrapHtmlDocument('<p>Hello</p>', 'Test Title');
+    expect(doc).toContain('<!DOCTYPE html>');
+    expect(doc).toContain('<html');
+    expect(doc).toContain('<head>');
+    expect(doc).toContain('<title>Test Title</title>');
+    expect(doc).toContain('<body>');
+    expect(doc).toContain('<p>Hello</p>');
+    expect(doc).toContain('</html>');
+  });
+
+  it('应该转义标题中的特殊字符', () => {
+    const doc = wrapHtmlDocument('<p>test</p>', 'Title <script>');
+    expect(doc).toContain('Title &lt;script&gt;');
+    expect(doc).not.toContain('<script>');
+  });
+
+  it('应该使用默认标题', () => {
+    const doc = wrapHtmlDocument('<p>test</p>');
+    expect(doc).toContain('<title>Markdown Export</title>');
+  });
+});
+
+describe('downloadHtmlFile', () => {
+  it('应该创建下载链接并触发下载', () => {
+    const createObjectURLSpy = vi.fn(() => 'blob:test');
+    const revokeObjectURLSpy = vi.fn();
+    (globalThis as any).URL = {
+      createObjectURL: createObjectURLSpy,
+      revokeObjectURL: revokeObjectURLSpy,
+    };
+
+    const clickSpy = vi.fn();
+    const mockAnchor = document.createElement('a');
+    mockAnchor.click = clickSpy;
+
+    const createElementSpy = vi.spyOn(document, 'createElement').mockReturnValue(mockAnchor);
+    const appendChildSpy = vi.spyOn(document.body, 'appendChild').mockReturnValue(mockAnchor);
+    const removeChildSpy = vi.spyOn(document.body, 'removeChild').mockReturnValue(mockAnchor);
+
+    downloadHtmlFile('<p>test</p>', 'test.html');
+
+    expect(clickSpy).toHaveBeenCalled();
+    expect(appendChildSpy).toHaveBeenCalled();
+    expect(removeChildSpy).toHaveBeenCalled();
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(revokeObjectURLSpy).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    appendChildSpy.mockRestore();
+    removeChildSpy.mockRestore();
+  });
+});