refactor(app): 重构 AI编辑器测试页

- 添加静态测试数据,用于 AIProblemEditor 组件的测试
- 展示测试用例代码,便于观察和调试
- 为 AIProblemEditor 组件添加初始代码和问题 ID 属性
This commit is contained in:
fly6516 2025-05-16 04:04:21 +08:00
parent ba1a791616
commit faf6a60821

View File

@ -1,10 +1,39 @@
import { AIProblemEditor } from '@/components/ai-optimized-editor'; import { AIProblemEditor } from '@/components/ai-optimized-editor';
export default function TestAiEditorPage() { export default function TestAiEditorPage() {
// 静态测试数据
const testInput = {
code: `function bubbleSort(arr: number[]) {
const n = arr.length;
for (let i = 0; i < n-1; i++) {
for (let j = 0; j < n-i-1; j++) {
if (arr[j] > arr[j+1]) {
[arr[j], arr[j+1]] = [arr[j+1], arr[j]];
}
}
}
return arr;
}`,
problemId: '1',
};
return ( return (
<div className="container mx-auto p-4"> <div className="container mx-auto p-4">
<h1 className="text-2xl font-bold mb-4">AI </h1> <h1 className="text-2xl font-bold mb-4">AI </h1>
<AIProblemEditor />
{/* 测试用例展示 */}
<div className="mb-6">
<h2 className="text-xl font-semibold mb-2"></h2>
<pre className="bg-muted p-4 rounded-md overflow-x-auto">
{testInput.code}
</pre>
</div>
{/* 测试组件 */}
<AIProblemEditor
initialCode={testInput.code}
problemId={testInput.problemId}
/>
</div> </div>
); );
} }