🐛 fix(query-editor): 修复事务提交按钮缺少悬浮反馈

- 调整提交按钮 hover 和 focus 态的背景与阴影样式
- 同步增强提交计数徽标的悬浮视觉反馈
- 补充提交按钮悬浮样式回归测试
This commit is contained in:
Syngnat
2026-06-14 22:56:21 +08:00
parent 9b0e7937f9
commit 675aae16e9
2 changed files with 21 additions and 3 deletions

View File

@@ -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:');
});
});