Using Selenium in Node.js to send JavaScript code to a website on Chrome

A guide on how to use Selenium in Node.js to automate sending JavaScript code to a web page in the Chrome browser. This article will walk you through the installation and execution steps.

In this article, we will learn how to set up Selenium with Node.js to send a snippet of JavaScript code to a web page. We will use the selenium-webdriver library to control the Chrome browser and perform necessary actions.

Node.js Code

// Install required libraries
const { Builder, By, Key, until } = require('selenium-webdriver');

// Main function to send JavaScript to a website
(async function example() {
    // Initialize Chrome browser
    let driver = await new Builder().forBrowser('chrome').build();
    try {
        // Open the desired web page
        await driver.get('https://www.example.com');

        // Send the JavaScript code to the web page
        const script = "alert('Hello from Selenium!');"; // JavaScript code
        await driver.executeScript(script); // Execute the code

        // Wait a bit to see the result
        await driver.sleep(2000); // 2 seconds
    } finally {
        // Close the browser
        await driver.quit();
    }
})();

Detailed explanation:

1. const { Builder, By, Key, until } = require('selenium-webdriver');: Import necessary components from the selenium-webdriver library.
2. let driver = await new Builder().forBrowser('chrome').build();: Initialize an instance of the Chrome browser.
3. await driver.get('https://www.example.com');: Open the desired web page to send JavaScript code.
4. const script = "alert('Hello from Selenium!');";: Define the JavaScript code you want to send.
5. await driver.executeScript(script);: Execute the JavaScript code on the web page.
6. await driver.sleep(2000);: Wait for 2 seconds to see the result.
7. await driver.quit();: Close the browser after finishing.

System requirements:

• Node.js (version 14 or higher)
• Chrome browser
• ChromeDriver compatible with your version of Chrome

How to install the libraries needed to run the code above:

Run the following command to install the selenium-webdriver library:

npm install selenium-webdriver

Tips:

• Ensure that the version of ChromeDriver is compatible with the version of Chrome you are using.
• You can modify the JavaScript code in the script variable to perform other actions on the web page.

---