Playwright Webdview Testing

WebView testing is an essential process for ensuring the functionality and reliability of applications that rely on embedded web browsers. This guide provides detailed steps to perform WebView testing using Playwright. It is designed for developers, QA engineers, and anyone involved in software quality assurance.

Steps to perform Webview testing

Step 1: Setup your test suite

You can use your own project to configure and test it. For demo purposes, we are using the sample repository.

sample repo

Download or Clone the code sample from the LambdaTest GitHub repository to run your tests.

View on GitHub

• If you are using your own project, configure the browserWSEndpoint (browser end point URL) in your test script to run the test on LambdaTest

wsEndpoint: `wss://cdp.lambdatest.com/playwright?capabilities=${encodeURIComponent(JSON.stringify(capabilities))}`

• Here is the sample test script for your reference:

playwrightwebview.js

loading...

View on GitHub

Step 2: Update the dependencies

Before proceeding forward, run the below command to update the outdated dependencies

npm install

Step 3: Update your test Capabilities

Include the following field in the capabilities object to enable WebView testing:

playwrightwebview.js

const capabilities = {
  "LT:Options": {
    "platformName": "android",
    "isRealMobile": true, //if true, test will run on real devices
    "isPwMobileWebviewTest": true, //mandatory capability to enable WebView testing
  },

tip

Use our Capability Generator to select from a wide range of options for customizing your tests.

Step 4: Setup your LambdaTest credentials

In your terminal (as per your respective Operating System), run these command to setup your LambdaTest credentials.

You can see your credentials below if you have logged into our platform.

Linux / MacOS

export LT_USERNAME="undefined"
export LT_ACCESS_KEY="undefined"

Windows

set LT_USERNAME="undefined"
set LT_ACCESS_KEY="undefined"

Step 5: Execute your test

Replace the TEST_FILE_NAME in the below command with your desired test file to execute that particular test on LambdaTest:

node playwrightwebview.js

Visit the LambdaTest Web Automation page to check the status of your test execution.