Skip to content

test: add base styles visual tests for pdf-viewer - #13283

Draft
web-padawan wants to merge 8 commits into
mainfrom
test/pdf-viewer-visual-tests
Draft

web-padawan wants to merge 8 commits into
mainfrom
test/pdf-viewer-visual-tests

Conversation

@web-padawan

@web-padawan web-padawan commented Oct 27, 2026 •

Copy link
Copy Markdown
Member

Description

Part of #7669
Depends on #13281

  • Added base visual tests for vaadin-pdf-viewer with 10 screenshots
    • Toolbar layout: document, actions (600px), actions-wide (900px), narrow and narrow-rtl (240px) with a slotted vaadin-button
    • States: empty, page-error, large-text with a scrolling header
    • Focus: content-focus with the square top corners of the ring, button-focus with the button tooltip
  • Loaded a document of 6 blank pages created in memory with createPdf()
    • The pages have no text, so font rendering changes in Chromium or pdf.js updates do not affect them
  • Excluded pdf-viewer from the Lumo and Aura visual configs in wtr-utils.js
    • The component has no Lumo and Aura styles yet, and the runner fails for a package with a test/visual/base folder but no lumo and aura files

The screenshots cover the layout checks that #13281 dropped from the unit tests: where the toolbar groups go at each width.

Type of change

  • Tests

Different from prototype

  • Base screenshots only. The prototype had Lumo and Aura screenshots, which come with the theme styles.
  • Toolbar cases only. Zoom and the header add their cases in their own PRs.

🤖 Generated with Claude Code

@web-padawan web-padawan changed the title test: add base visual tests for pdf-viewer test: add base styles visual tests for pdf-viewer Oct 27, 2026
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch 2 times, most recently from 94745ce to a50aa4c Compare October 27, 2026 09:59
@web-padawan
web-padawan force-pushed the feat/pdf-viewer-toolbar-navigation branch 3 times, most recently from 684719f to 876b6d7 Compare October 27, 2026 10:22
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from a50aa4c to 4a5cb47 Compare October 27, 2026 10:22
@web-padawan
web-padawan force-pushed the feat/pdf-viewer-toolbar-navigation branch from 876b6d7 to 18c4b35 Compare October 27, 2026 11:41
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from 4a5cb47 to 8e2bcb1 Compare October 27, 2026 11:42
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@web-padawan
web-padawan force-pushed the feat/pdf-viewer-toolbar-navigation branch from 18c4b35 to 9d6038f Compare October 27, 2026 11:46
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from 8e2bcb1 to 47ddacd Compare October 27, 2026 11:46
web-padawan and others added 4 commits October 27, 2026 13:55
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from 47ddacd to 66ed419 Compare October 27, 2026 12:22
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from 66ed419 to 934872b Compare October 27, 2026 12:44
web-padawan and others added 2 commits October 27, 2026 15:11
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
pdf-viewer has no Lumo and Aura styles yet, so the Lumo and Aura visual
configs skip it until a later PR adds them.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@web-padawan
web-padawan force-pushed the test/pdf-viewer-visual-tests branch from c375fa0 to ea7b9ef Compare October 27, 2026 13:12
@sonarqubecloud

Copy link
Copy Markdown

@web-padawan
web-padawan force-pushed the feat/pdf-viewer-toolbar-navigation branch from b206737 to 64f0a51 Compare October 28, 2026 06:51
Base automatically changed from feat/pdf-viewer-toolbar-navigation to main October 28, 2026 07:37

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant