Playwright

Overview

Playwright stands as a Node.js library, leveraging a JavaScript runtime to simplify the process of web development. This versatile tool serves as a cross-browser framework, offering a unified API for seamless end-to-end automated testing of web applications. By employing Playwright, developers can conduct regular tests to ensure the smooth and expected performance of their web applications. What sets Playwright apart is its ability to simulate real-world events from a user's perspective, providing a comprehensive testing environment that closely mirrors user interactions.

In essence, Playwright plays a crucial role in enhancing the efficiency and reliability of web development testing. Its integration with Node.js and JavaScript not only facilitates a developer-friendly environment but also ensures a consistent testing approach across different browsers. With its focus on emulating user experiences, Playwright goes beyond traditional testing methods, offering a robust solution for developers to validate the functionality and performance of their web applications.

Prerequisites

• User should be registered on the pCloudy platform Project should be imported in Visual Studio Code

• Supported Browsers include -

  • Chrome (Windows and Mac)

  • Opera (Windows and Mac)

  • Edge (Windows)

• Node 16 or Above is a must

Step-by-Step Guide

1. Configure Username and Access Key

   1. Navigate to config.js in your project Set your username and access key

   2. To get these details:

      1. Log in to Pcloudy

      2. Go to "Profile"

         Note: This functionality is only supported on Chrome, Opera, and Edge browsers

2. Update the Endpoint

   1. To get the browser URL:

      1. Log in to Pcloudy

      2. Go to "Profile"

      3. Copy the browser URL

      4. Remove "https://" from the copied URL

      5. Example:

         Profile Setting URL: https://browser.test.pcloudy.com
         Endpoint to use in Playwright: wss://browser.test.pcloudy.com/playwright?capabilities=

3. Configure OS Version

   1. Open pw-test.js in your project Enter the desired OS version (e.g., "Ventura", "Win10")
      

4. Run the Test

   1. Open a terminal in Visual Studio Code Type dir and press Enter to see the current directory

   2. Copy the path shown Type cd followed by the path name
      Example: cd Playwright-Test-v2

   3. Run the test by typing: node pw-test.js and press Enter

5. View the Live Session

   1. Go to pCloudy website

   2. Navigate to "My Active Session"

   3. Click on the "Live View" icon to watch your test running in real-time