Integration architecture

Serenity/JS integrates with Playwright Test through the @serenity-js/playwright-test module, which acts as a test runner adapter and:

• Captures test execution events from Playwright Test
• Translates them into Serenity/JS domain events
• Makes them available to Serenity/JS reporting services

This modular architecture enables Serenity/JS to enhance both classic Playwright Test scenarios and those following the Screenplay Pattern with advanced reporting capabilities.

To enable this integration, you need to:

1. Configure Serenity/JS test runner adapter and reporting services in your playwright.config.ts file
2. Optionally, use the Serenity/JS test fixtures to enable Screenplay Pattern APIs in your Playwright Test scenarios

Serenity/JS + Playwright Test integration architecture

Next steps

Well done, your Playwright Test codebase is now integrated with Serenity/JS! 🎉🎉🎉

To take things further, check out:

• Your first web scenario (Serenity/JS + Playwright Test tutorial)
• The Screenplay Pattern
• Serenity/JS Web Testing Patterns
• Serenity/JS Playwright project templates
• Serenity/JS Web API docs
• Serenity/JS Assertions API docs
• Serenity/JS examples on GitHub
• 📚 Our book, "BDD in Action, Second Edition"

Remember, new features, tutorials, and demos are coming soon! Follow Serenity/JS on LinkedIn, subscribe to Serenity/JS channel on YouTube and join the Serenity/JS Community Chat to stay up to date!

Don't forget to ⭐️ Serenity/JS on GitHub to help others discover the framework!