Programming

vibssingh

How to install Playwright in Windows?

HOME

In this tutorial, I will explain the steps to install Playwright on a Window machine. To install Playwright on a Windows machine, you will typically use Node.js and the npm (Node Package Manager).

Table of Contents

  1. System Requirements
  2. Implementation Steps
    1. Install Node.js and npm
    2. Create a Project Directory
    3. Install Playwright
    4. Create a new Playwright project
    5. Running the Example Test through Terminal
    6. HTML Test Reports

System Requirements:

  • Node.js version 18 or higher
  • npm (comes with Node.js)
  • Windows 10+, macOS 12+, or Ubuntu 20.04+
  • At least 2GB free disk space for browser binaries
  • Visual Studio for Code is already installed.

Visual Studio for Code must be installed. If it is not already installed, please refer to this tutorial – How to Install Visual Studio Code on Windows.

Below are the step-by-step instructions to get Playwright up and running on Windows:

Implementation Steps:

1. Install Node.js and npm

Please refer the below tutorial to install node.js.

How to install node.js on windows 11

2. Create a Project Directory

Open Command Prompt or PowerShell. Make a new directory for your Playwright project and navigate into it:

The new empty folder “playwright-demo-project” is created in Documents/Playwright folder.

3. Install Playwright

Open Visual Studio for Code. Install “Playwright Test for VSCode” from Microsoft via the Extensions tab.

Once the plugin is installed. We can see a new Funnel icon called Testing as shown in the image.

4. Create a new Playwright project

Go to File and select Open Folder we have created earlier – playwright-demo-project.

We can see the project is opened in VS code.

Go to the terminal in this project and open a New Terminal.

Type the below command in the terminal

npm init playwright@latest

When prompted, choose / confirm:

  • TypeScript or JavaScript (default: TypeScript)
  • Tests folder name (default: tests, or e2e if tests already exists)
  • Add a GitHub Actions workflow (recommended for CI) – Initial project, so mentioned False
  • Install Playwright browsers (default: yes)

Playwright downloads required browser binaries and creates the scaffold below.

playwright.config.ts         # Test configuration
package.json
package-lock.json            # Or yarn.lock / pnpm-lock.yaml
tests/
  example.spec.ts            # Minimal example test

The playwright.config centralizes configuration: target browsers, timeouts, retries, projects, reporters and more. In existing projects dependencies are added to your current package.json.

tests/ contains a minimal starter test. tests-examples/ provides richer samples (e.g. a todo app) to explore patterns.

5. Running the Example Test through Terminal

By default tests run headless in parallel across Chromium, Firefox and WebKit (configurable in playwright.config). Output and aggregated results display in the terminal.

npx playwright test

6. HTML Test Reports

After a test run, the HTML Reporter provides a dashboard filterable by the browser, passed, failed, skipped, flaky and more. Click a test to inspect errors, attachments and steps. It auto-opens only when failures occur; open manually with the command below.

npx playwright show-report

The report is also present in playwright-report folder with the name of “index.html”.

Summary:
1. Install Node.js.
2. Initialize npm project.
3. Install Playwright.
4. Run a test script to verify your setup.
5. View Test report – Index.html report

To know more about Playwright, please refer to this documentation – https://playwright.dev/docs.

vibssingh

Playwright Tutorials

Last Updated Date

HOME

Playwright is a modern and powerful end-to-end testing framework developed by Microsoft, specifically designed for the automation of web applications.  It supports programming languages like Java, Python, C#, and NodeJS. Playwright comes with Apache 2.0 License and is most popular with NodeJS with Javascript/Typescript.

Chapter 1 How to install node.js on windows 11
Chapter 2 How to Install Visual Studio Code on Windows
Chapter 3 Why Choose Playwright for Browser Automation?
Chapter 4 How to install Playwright in Windows?
Chapter 5 How to run tests in UI mode in Playwright
Chapter 6 How to Specify Browsers in Playwright Tests
Chapter 7 Automate Playwright Tests with Command-Line Options
Chapter 8 How to Attach Screenshots in Playwright for Failed Tests
Chapter 9 Unlocking Playwright: Test Reports with Tags and Annotations – NEW
Chapter 10 Mastering Snapshot Testing with Playwright – NEW

API Testing

Chapter 1 How to Execute GET Requests in Playwright
Chapter 2 How to Execute POST Requests in Playwright
Chapter 3 How to Execute PUT Requests in Playwright – NEW
Chapter 4 How to Execute PATCH Requests in Playwright – NEW
Chapter 5 How to Execute DELETE Requests in Playwright – Coming Soon
Chapter 6 How to add custom headers in Playwright? – Coming Soon
Chapter 7 Handle Query Parameters in Playwright – Coming Soon
Chapter 8 Send JSON File as Payload in Playwright – Coming Soon
Chapter 9 Send XML File as Payload in Playwright – Coming Soon
vibssingh

Advance Selenium Multiple Choice Answers – MCQ1

Last Updated On

HOME

Welcome to the SQL Quiz!

Advance Selenium Multiple Choice Questions – MCQ1

Answers

1) e) All

2) b) No

It is not possible to test APIs or web services directly using Selenium WebDriver. Selenium is primarily designed for automating web browser interactions and performing functional testing of web applications by simulating user actions.

3) b) No

4) b) No

5) a) Yes

6) a) Yes

By using testing frameworks such as TestNG or JUnit, you can configure and run your Selenium tests in parallel.

7) b) No

Selenium cannot handle security testing on its own. However, it can assist in certain aspects of security testing when integrated with specialized security tools.

8) a) Yes

9) c) To initialize web elements defined in a Page Object class

10) d) new WebDriverWait().until(ExpectedConditions.visibilityOfElementLocated())

11) d) Actions.contextClick(element)

12) b) ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE)

13) a) Yes

14) a) Yes

15) a) By using the @DataProvider annotation

16) c) Configure the testng.xml file with parallel execution settings

17) a) Jenkins

18) a) HTML Publisher Plugin

19) c) Cross-Browser Testing

20) a) To execute browser tests without a graphical user interface, reducing resource consumption

21) b) Use GitHub Secrets to store and access sensitive information

22) a) Yes

23) b) No

Selenium is not designed for performance testing. For performance testing, specialized tools such as JMeter, Gatling, and LoadRunner are more appropriate.

24) b) No

Selenium does not have inbuilt functionality specifically for testing Excel files. We can use external libraries in conjunction with Selenium to work with Excel files, like Apache POI.

25) b) No

vibssingh

How to read property file in Java

HOME

What is a Properties File in Java?

In Java, a properties file is a simple text-based file used to store configuration or settings in key-value pairs. It provides a convenient way to externalize application-specific parameters that can be easily modified without modifying the source code.

Properties File is always storing information about the configuration parameters such as project configuration data such as URL, username, password, and project settings config like browser name, environment, and so on.

Properties files have a “.properties” extension.

Why do we need Properties File?

Properties files provide a convenient way to store configuration settings or parameters that can be easily modified without modifying the source code. It is not always a best practice to store the values as hard coded in the project.

With properties files, you can have different versions of the file tailored for specific environments (e.g., development, testing, production). Each environment can have its own set of configurations while sharing common structure and keys.

How to read data in a Properties File?

Steps to implement:

  1. Let us create a properties file (name it as config.properties)
  2. Add configuration data to the properties file.
  3. Create a java class to read the config file (name it as ConfigFileReader)

1.Create a Property File

Create a text file with the “.properties“ extension and define key-value pairs in it. For example, create a file named “config.properties”.

2. Add configuration data to the properties file.

We have added the configuration data to the property file in key-value pairs :

database.baseUrl = https://localhost
database.port = 8080
database.username = admin
database.password = Admin123

3. Create a java class to read the config file

You can load and read properties from this file using the Properties class. Below is an example of how to do this:

import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

public class ReadPropertiesExample {

    public static void main(String[] args) {

        Properties properties = new Properties();
        try {
            InputStream inputStream = new FileInputStream("src/test/resources/config.properties");

            // Load the properties file
            properties.load(inputStream);

            // Access properties
            String dbUrl = properties.getProperty("database.baseUrl");
            String dbPort = properties.getProperty("database.port");
            String dbUser = properties.getProperty("database.username");
            String dbPassword = properties.getProperty("database.password");

            // Print properties to verify
            System.out.println("Database URL: " + dbUrl);
            System.out.println("Database Port: " + dbPort);
            System.out.println("Database User: " + dbUser);
            System.out.println("Database Password: " + dbPassword);

        } catch (IOException ex) {
            ex.printStackTrace();
        }
    }
}

FileInputStream: This class is used to read data from a file in the form of a sequence of bytes.load Method: The load method of the Properties class is used to read a properties file from an input stream.

The output of the above execution is

Congratulations on making it through this tutorial and hope you found it useful! Happy Learning!! Cheers!!