Testing Blocks

To set up unit testing for AEM Edge Delivery block decorations, use Vitest to validate logic-heavy utilities and run npm run test:watch for real-time feedback during feature development. Playwright handles browser testing for visual rendering and interactions.

The best way to validate code changes for an AEM Edge Delivery PR is to enforce Vitest-based unit tests, Playwright browser checks, and linting. This structured workflow ensures clean PRs, fast feedback, and maintainable quality.

Yes, Vitest and Playwright work together in AEM projects by dividing testing responsibilities. Vitest executes unit tests for data processing utilities, while Playwright handles browser testing to validate block decoration, rendering, and user interactions.

Yes, you can use Playwright to test block rendering and interactions in AEM Edge Delivery. It provides browser testing capabilities that validate block decoration and rendering behavior, ensuring reliable visual output and functional interactions.

Your AEM Edge Delivery testing workflow slows down feature development if it lacks structured practices. Implementing keeper tests for logic-heavy utilities and targeted browser tests provides validation value without slowing progress or blocking CI workflows.

Yes, you need to run linting alongside Vitest and Playwright checks for CI-ready workflows. Linting ensures clean PRs and predictable CI by enforcing code quality standards, complementing unit and browser tests for reliable builds.