rsgltzyd/testing-tool
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: 增强 SwitchButtonGroup 和立即转换按钮的视觉层级

Browse Source 
- SwitchButtonGroup 选中按钮阴影从 shadow-sm 升级到 shadow-md
- 同步更新单元测试中断言
- Timestamp 立即转换按钮添加 shadow-md 增强边界感
This commit is contained in:
雨霖铃
2026-05-22 18:08:44 +08:00
parent c7beebf6e0
commit 72883b5d1d
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/SwitchButtonGroup.tsx
+2 -2
View File
@@ -40,8 +40,8 @@ export default function SwitchButtonGroup<T extends string | number = string>({
sizeClasses[size] sizeClasses[size]
} ${ } ${
value === option.value value === option.value
? 'bg-background text-primary shadow-sm' ? 'bg-primary text-primary-foreground shadow-md'
: 'text-muted-foreground hover:text-foreground hover:bg-background/50' : 'text-muted-foreground hover:text-foreground hover:bg-muted'
}`} }`}
style={buttonSx} style={buttonSx}
> >
components/__tests__/SwitchButtonGroup.test.tsx
+2 -2
View File
@@ -22,7 +22,7 @@ describe('SwitchButtonGroup 组件', () => {
const buttonB = screen.getByRole('button', { name: /选项B/i }); const buttonB = screen.getByRole('button', { name: /选项B/i });
// 选中的按钮有 bg-background text-primary shadow-sm 类 // 选中的按钮有 bg-background text-primary shadow-sm 类
expect(buttonA).toHaveClass('bg-background', 'text-primary', 'shadow-sm'); expect(buttonA).toHaveClass('bg-primary', 'text-primary-foreground', 'shadow-md');
// 未选中的按钮有 text-muted-foreground 类 // 未选中的按钮有 text-muted-foreground 类
expect(buttonB).toHaveClass('text-muted-foreground'); expect(buttonB).toHaveClass('text-muted-foreground');
}); });
@@ -123,7 +123,7 @@ describe('SwitchButtonGroup 组件', () => {
const button4 = screen.getByRole('button', { name: /^4$/i }); const button4 = screen.getByRole('button', { name: /^4$/i });
expect(button2).toHaveClass('text-muted-foreground'); expect(button2).toHaveClass('text-muted-foreground');
expect(button4).toHaveClass('bg-background', 'text-primary', 'shadow-sm'); expect(button4).toHaveClass('bg-primary', 'text-primary-foreground', 'shadow-md');
}); });
it('点击 number 选项时应传回 number 值', () => { it('点击 number 选项时应传回 number 值', () => {
pages/Timestamp/index.tsx
+1 -1
View File
@@ -98,7 +98,7 @@ export default function Index() {
{/* 立即转换 */} {/* 立即转换 */}
<button <button
onClick={convert} onClick={convert}
className="block mx-auto mt-4 mb-1 max-w-[240px] w-full py-2.5 text-sm font-semibold rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-all" className="block mx-auto mt-4 mb-1 max-w-[240px] w-full py-2.5 text-sm font-semibold rounded-lg bg-primary text-primary-foreground shadow-md hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-all"
> >
{t('timestamp:convertButton')} {t('timestamp:convertButton')}
</button> </button>