New Playwright Project Setup | Bondar Academy

Lesson Summary

In this lesson, we will set up a new test framework for a test application and provide an overview of the application. Application Overview The application we will use is located at conduit.bonderacademy.com . It features: A list of articles Article reviews Account creation CRUD operations on articles The application interacts with a backend API, which can be inspected using the browser's Developer Tools, specifically the Networking tab. Key API endpoints include: /api/tags - Returns a list of tags /api/articles - Returns a list of articles Creating a Test Account To begin testing, create a dummy account by clicking on Sign Up . Use any random username, email, and password. This ensures that your test data remains isolated. Using Postman It is recommended to download Postman , a popular API client, to interact with the API. You can: Send GET, POST, and PUT requests Inspect API responses To test an API endpoint in Postman, copy the API URL (e.g., conduit-api.ponderacademy.com ) and send a request to verify functionality. Setting Up the Playwright Framework To set up the Playwright framework: npm init playwright@latest Follow the prompts to initialize the framework and install the necessary browsers. After setup, you can create tests to validate application functionality, such as checking the title of the application. This concludes the basic setup and overview of the application and API. In the next lesson, we will continue exploring these concepts.