Skip to main content

LambdaTest VS Code Extension


LambdaTest VS Code Extension enables you to perform real-time cross browser testing of your public and locally hosted websites and web applications right from VS Code. Using this extension, you can trigger real-time cross-browser testing from within VS Code Editor to test your web apps across 3000+ browsers, real devices, and operating systems.

In this guide, learn how to configure LambdaTest VS Code Extension for real-time cross browser testing.

Installing The LambdaTest VS Code Extension


Note

You can also install LambdaTest VS Code Extension from the Visual Studio Marketplace.

  1. Open VS Code and select the Extensions icon from the left sidebar.
Extensions

  1. Search for LambdaTest in the search box and click Install.
Install

Once you install the extension, you’ll notice a LambdaTest icon will be added on the left sidebar.

LambdaTest icon

Authenticating With VS Code Extension


  1. Click the LambdaTest icon from the left sidebar and select Realtime Testing.
activate LambdaTest Screenshot Plugin

  1. It will ask you to enter your LambdaTest e-mail and an access key. You can get them from your LambdaTest Profile page.
  • Enter your LambdaTest e-mail and press Enter.
LambdaTest User Profile

  • Enter your LambdaTest access key and press Enter.
LambdaTest User Profile

After entering LambdaTest credentials, it will show you a Realtime Testing screen. You're all set to start your real-time cross browser testing!

LambdaTest User Profile

Realtime Cross Browser Testing Using VS Code Extension


  1. To begin testing, enter the test URL, choose Desktop or Mobile, and select browser, browser version, operating system, and resolution. Click START.
activate screenshot testig feature

  1. A confirmation dialog box will appear. Click Open.
activate screenshot testig feature

It will take you to a cloud-based virtual machine running real browsers and operating systems where you can perform real-time cross browser testing of your websites and web applications.

activate screenshot testig feature

For more details, head over to our guide on Real Time Browser Testing.

Testing Locally Hosted Websites Using VS Code Extension


With LambdaTest VS Code Extension, it's simple to run real-time cross browser tests of your locally hosted websites without configuring the LambdaTest Tunnel binary from the Command Prompt. When you launch LambdaTest VS Code Extension, the tunnel starts automatically.

Note

You can also trigger multiple tunnels based on your requirements by clicking Start new tunnel from the Tunnel dropdown menu

  1. To start testing, enter the localhost URL, choose Desktop or Mobile, and select browser, browser version, operating system, and resolution. Click START.
activate screenshot testig feature

  1. A confirmation dialog box will appear. Click Open.
activate screenshot testig feature

It will take you to a cloud-based virtual machine running real browsers and operating systems where you can perform real-time cross browser testing of your locally hosted websites or privately hosted projects.

activate screenshot testig feature

For more details, head over to our guide on Testing Locally Hosted Pages.

Uninstalling The LambdaTest VS Code Extension


To remove the LambdaTest VS Code Extension, select the Extensions icon from the left sidebar. Navigate to the settings icon and click Uninstall.

activate screenshot testig feature