How does it handle Vaadin-specific components like Grids?

It utilizes the GridPw helper class to interact with rows and cells, accounting for viewport constraints and lazy loading typical in Vaadin Grids.

How is test data managed during execution?

The skill uses existing Flyway migrations for initial test data and follows a strategy of manual cleanup in @AfterEach methods for any data created during the test.

Does this skill use Mockito for service layer testing?

No, this skill is designed for integration testing in a real browser environment and explicitly avoids Mockito to ensure the entire stack is exercised.

How does it ensure the UI is ready for interaction?

It uses the 'mopo' helper's waitForConnectionToSettle() method to ensure the Vaadin client-server communication has finished before proceeding with assertions.

Vaadin Playwright Tester

Name: Vaadin Playwright Tester
Author: martinellich

bymartinellich

•

Security & Testing

Generates robust Playwright integration tests for Vaadin views to ensure UI reliability in real browser environments.

About

This skill empowers Claude to create comprehensive end-to-end integration tests for Vaadin applications using the Playwright framework. It follows industry best practices by avoiding mocks in favor of real browser interactions, managing test data through Flyway migrations, and utilizing specialized helpers like GridPw and mopo to handle Vaadin's unique component architecture and asynchronous server communication. It is ideal for developers needing to automate regression testing and verify complex user workflows within the AI Unified Process.

Key Features

Standardized test templates extending the PlaywrightIT base class
8 GitHub stars
Automated Playwright test generation for Vaadin components
Integration with Flyway for consistent test data management
Smart synchronization using Vaadin connection settlement helpers
Specialized Grid interaction handling for viewport-limited rendering

Use Cases

Automating regression suites for Vaadin views following Flyway migrations
Ensuring data integrity across the full stack through real browser testing
Verifying complex UI interactions in Vaadin-based enterprise forms

About

Key Features

Standardized test templates extending the PlaywrightIT base class
8 GitHub stars
Automated Playwright test generation for Vaadin components
Integration with Flyway for consistent test data management
Smart synchronization using Vaadin connection settlement helpers
Specialized Grid interaction handling for viewport-limited rendering

Use Cases

Automating regression suites for Vaadin views following Flyway migrations
Ensuring data integrity across the full stack through real browser testing
Verifying complex UI interactions in Vaadin-based enterprise forms