mirror of
https://github.com/Syngnat/GoNavi.git
synced 2026-07-26 00:10:31 +08:00
🐛 fix(query-editor): 修复事务提交按钮缺少悬浮反馈
- 调整提交按钮 hover 和 focus 态的背景与阴影样式 - 同步增强提交计数徽标的悬浮视觉反馈 - 补充提交按钮悬浮样式回归测试
This commit is contained in:
@@ -30,8 +30,24 @@ describe('QueryEditorToolbar layout', () => {
|
||||
|
||||
it('keeps commit button hover styling in source and v2 css', () => {
|
||||
const css = readFileSync(new URL('../v2-theme.css', import.meta.url), 'utf8');
|
||||
const commitBaseCss = css.slice(
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-transaction-commit-button {'),
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-transaction-commit-button:hover,'),
|
||||
);
|
||||
const commitHoverCss = css.slice(
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-transaction-commit-button:hover,'),
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-transaction-commit-button .gn-v2-toolbar-kbd {'),
|
||||
);
|
||||
const commitKbdHoverCss = css.slice(
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-transaction-commit-button:hover .gn-v2-toolbar-kbd,'),
|
||||
css.indexOf('body[data-ui-version="v2"] .gn-v2-query-toolbar-icon-action.ant-btn,'),
|
||||
);
|
||||
|
||||
expect(css).toContain('.gn-v2-query-transaction-commit-button:hover');
|
||||
expect(css).toContain('.gn-v2-query-transaction-commit-button:focus-visible');
|
||||
expect(commitBaseCss).toContain('background: var(--gn-accent-soft) !important;');
|
||||
expect(commitHoverCss).not.toContain('background: var(--gn-accent-soft) !important;');
|
||||
expect(commitHoverCss).toContain('box-shadow:');
|
||||
expect(commitKbdHoverCss).toContain('background:');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user