Skip to content

test: add padding to custom-field Lumo visual test fixtures#11467

Merged
web-padawan merged 1 commit intomainfrom
test/custom-field-padding
Apr 9, 2026
Merged

test: add padding to custom-field Lumo visual test fixtures#11467
web-padawan merged 1 commit intomainfrom
test/custom-field-padding

Conversation

@web-padawan
Copy link
Copy Markdown
Member

Summary

  • Wrap all custom-field Lumo visual test fixtures in a padded div (padding: 10px) to prevent Playwright's default cursor position at (0,0) from triggering :hover styles on the component
  • This caused label and helper text to render in hover color (--lumo-body-text-color / 90% contrast) instead of default (--lumo-secondary-text-color / 70% contrast)
  • All other Lumo field component tests (text-field, combo-box, date-picker, select) already use this padded wrapper pattern

Test plan

  • Updated Lumo visual test screenshots match non-hover state
  • yarn test:lumo --group custom-field passes in Docker

🤖 Generated with Claude Code

Wrap all custom-field Lumo visual test fixtures in a padded div to
prevent Playwright's default cursor position at (0,0) from triggering
:hover styles on the component. This caused label and helper text to
render in hover color (--lumo-body-text-color) instead of default
(--lumo-secondary-text-color).

All other Lumo field component tests already use this pattern.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@web-padawan web-padawan changed the title fix: add padding to custom-field Lumo visual test fixtures test: add padding to custom-field Lumo visual test fixtures Apr 9, 2026
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Apr 9, 2026

@web-padawan web-padawan merged commit 698379c into main Apr 9, 2026
10 checks passed
@web-padawan web-padawan deleted the test/custom-field-padding branch April 9, 2026 12:05
vaadin-bot pushed a commit that referenced this pull request Apr 9, 2026
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
web-padawan added a commit that referenced this pull request Apr 9, 2026
…11469)

Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants