抽取内联选项按钮原语

新增 PlatformInlineOptionButton，统一承接当前选项加下拉箭头的轻量按钮 chrome。编辑器生成输入框的比例和模型按钮改为复用平台内联选项按钮。补充原语测试和编辑器共享样式断言，并更新 TRACKING。
2026-06-14 15:04:10 +08:00
parent 20826e2e60
commit d1f1cfdcca
6 changed files with 103 additions and 12 deletions
@@ -0,0 +1,46 @@
+/* @vitest-environment jsdom */
+
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ChevronDown } from 'lucide-react';
+import { expect, test, vi } from 'vitest';
+
+import { PlatformInlineOptionButton } from './PlatformInlineOptionButton';
+
+test('renders shared inline option button chrome', () => {
+  const onClick = vi.fn();
+  render(
+    <PlatformInlineOptionButton
+      aria-label="生成比例 1:1"
+      className="local-option"
+      trailingIcon={<ChevronDown className="h-3 w-3" />}
+      onClick={onClick}
+    >
+      1:1
+    </PlatformInlineOptionButton>,
+  );
+
+  const button = screen.getByRole('button', { name: '生成比例 1:1' });
+
+  expect(button.className).toContain('platform-inline-option-button');
+  expect(button.className).toContain('bg-transparent');
+  expect(button.className).toContain('local-option');
+  expect(button.textContent).toContain('1:1');
+
+  fireEvent.click(button);
+
+  expect(onClick).toHaveBeenCalledTimes(1);
+});
+
+test('keeps disabled state and default button type', () => {
+  render(
+    <PlatformInlineOptionButton aria-label="模型" disabled>
+      GPT Image
+    </PlatformInlineOptionButton>,
+  );
+
+  const button = screen.getByRole('button', { name: '模型' });
+
+  expect(button.getAttribute('type')).toBe('button');
+  expect(button).toHaveProperty('disabled', true);
+  expect(button.className).toContain('disabled:cursor-not-allowed');
+});