How To Test Mobile & Desktop Browser? Playwright tutorial - Part 73

• 00:00 Introduction to cross-browser testing
• 01:43 Configuring projects in Playwright
• 05:16 Handling viewport configuration for mobile devices
• 06:56 Executing tests in specific browsers or devices
• 07:35 Conclusion and further resources

The video is a tutorial on how to use the "projects" feature in Playwright to run cross-browser tests. The video starts with an introduction to the concept of cross-browser testing and the need to run the same test script with multiple browsers. It explains that Playwright allows for the emulation of different browsers and devices, such as Chromium, Firefox, WebKit, and mobile web pages.

The tutorial then demonstrates how to set up projects in Playwright by using an array of browser configurations. The video shows how to configure multiple browsers to run in parallel using the "workers" option. It also explains that tests can be executed sequentially or with a specific number of workers.

Next, the video highlights the issue of viewport configuration in mobile devices and explains how to handle it. It shows how to check if the viewport is in mobile format and conditionally click on the hamburger menu before performing the desired action. This ensures that the test script works correctly in both desktop and mobile views.

The tutorial also covers how to execute tests in specific browsers or devices using the "project" option in the command line. It provides examples of running tests only in Chromium or only on a specific device.

Finally, the video encourages viewers to refer to the Playwright documentation for further details on retry mechanisms and additional capabilities. It concludes by thanking viewers and inviting them to watch the next tutorial.

Overall, the video provides a comprehensive guide on using projects in Playwright to run cross-browser tests and addresses common issues that may arise in mobile device emulations.