Retrieving the nodeId using Selenium WebDriver with Chrome Remote Interface

While I was successful in using Chrome Remote Interface functions within my Selenium WebDriver session, such as Page.captureScreenshot and Emulation.clearDeviceMetricsOverride, I encountered an issue with invoking methods that operate on DOM elements. The problem lies in the nodeId parameter. For example, the function requires nodeId as one of its parameters. I am struggling to determine how to extract nodeId based on the IWebElement (or RemoteWebElement) from Selenium Webdriver.

Is there a way to locate nodeId using Selenium or JavaScript?

For more information on Chrome Remote Interface, visit

javascriptseleniumgoogle-chrome-devtoolschrome-remote-debugging

Answer №1

I stumbled upon the solution by seeking help on the devtools-protocol issue tracker, which I found here: https://github.com/ChromeDevTools/devtools-protocol/issues/66

If you're looking for the complete working solution, you can check it out here: https://github.com/cezarypiatek/Tellurium/blob/master/Src/MvcPages/SeleniumUtils/ChromeRemoteInterface/ChromeRemoteInterface.cs

private long ExtractChromeNodeId(IWebElement inputElement)
{
    driver.ExecuteScript(@"(function(fileInput){
        window.__tellurium_chromerinode = fileInput;
    })(arguments[0])", inputElement);


    var evaluateResponse = SendCommand("Runtime.evaluate", new Dictionary<string, object>
    {
        ["expression"] = "window.__tellurium_chromerinode"
    });

    driver.ExecuteScript(@"(function(fileInput){
        delete window.__tellurium_chromerinode;
    })()");

    var remoteObjectId = evaluateResponse.GetValue<string>("result.objectId");

    var rquestNodeResponse = SendCommand("DOM.requestNode", new Dictionary<string, object>
    {
        ["objectId"] = remoteObjectId
    });

    return rquestNodeResponse.GetValue<long>("nodeId");
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Correcting the invalid syntax due to EOF issue

How can we resolve the end of file error? The brackets appear to be valid based on ecma standards, but it's not clear what is missing. After using jsonlint, this error was found: *Error: Parse error on line 16: ...States" }] }]}{ "i ...

javascriptarraysjsondatabase

Updating the background color using typescript

Before transitioning to angular development, I had experience working with vanilla Javascript. I encountered a challenge when trying to modify the css properties of specific elements using Typescript. Unfortunately, the traditional approach used in Javascr ...

javascriptcssangulartypescript

Material-UI exclusively incorporates specific components

Is there a way to include Material UI dialogs in my project without having to install the full Material UI library? I only need the dialogs component and don't want any other components included. Any suggestions or help on how to achieve this would be ...

javascriptreactjsmaterial-uimodal-dialog

What is the method for determining someone's age?

I am trying to extract the date from a field called "DatePicker" and then enter that date into the field labeled "NumericTextBox" Thank you <div> <sq8:DatePicker runat="server" ID="dateDatePicker"> <ClientEvents OnDateSelected="get_curr ...

javascriptc#.net

A comprehensive guide on utilizing the ngFor directive for looping through objects

After trying to iterate over this dataset within my HTML, I attempted a nested ngfor, but unfortunately encountered an error. My attempt involved iterating the object twice with a nested ngfor, resulting in the following error: HabitRecordsComponent.ht ...

javascriptangulartypescriptangular5

Using ReactJS to return a component from a function

Working with React, useState, and React-Icons. I am trying to implement a dropdown menu without using Bootstrap. My goal is to change the icon upon clicking to trigger a function, but currently, it only displays the raw SVG details. Any suggestions on how ...

javascriptreactjs

Elements are randomly glitching out with CSS transitions in Firefox

Chrome is working perfectly for me, but when I switch to Firefox it behaves differently than expected I am attempting to create a simple animation (utilizing transitions) that continuously runs on mouseover and smoothly returns to the starting position on ...

javascriptjquerycsscss-transitionscss-transforms

What is the reason behind TypeScript's lack of support for exporting with decorators?

The issue regarding this problem was addressed on https://github.com/tc39/proposal-decorators/issues/69. Despite this discussion, TypeScript does not currently support it. The following code demonstrates the lack of support: export @deco() class a {}; H ...

javascripttypescriptdecoratortypescript-decorator

Is it possible to interact with a particular point or element within a canvas using languages like javascript, jquery, or selenium?

I am trying to figure out how to simulate a click at a specific position within a canvas. I have tried using coordinates, but so far haven't found a way to make it work. Any other suggestions would be greatly appreciated. It's important to note t ...

javascriptjqueryhtmlseleniumcanvas

Ensure users follow step-by-step journey in Vue Material's steppers and connect each step to a designated path

I'm just starting out with web development and I have a question. I want to design a stepper with 5 tabs that restricts navigation - for example, you can't proceed to step 3 without completing step 2, and so on. If a user is on step 4 but wants t ...

javascriptvue.jsvue-routervue-material

Issue with Ionic 2's infinite scroll not triggering method on second scroll attempt

I utilized the ion-tab element to showcase a page (inboxitem) which encompasses ion-list and makes use of ion-infinite-scroll. The following code snippet resides in inboxitem.html <ion-content class="inbox can-swipe-list"> <ion-list> ...

javascriptangulartypescriptionic2

Troubleshooting: Scope not updating in AngularJS xeditable typeahead

Currently, I am utilizing the angular xeditable typehead directive to display an autocomplete dropdown. The data is being retrieved from a JSON file on the page and utilized in the jso array for e-typeahead functionality. When typing into the input field, ...

javascriptangularjsangular-ui-bootstrapx-editable

Assign a value to an object within a Vue data property

Hey there, I am currently learning vuejs and facing an issue with setting an object value to a vue data property. data: () => ({ newTodo: "", todoObj: { title: newTodo, undo: false }, toDoList: [ { title: "Study", undo: false }, ...

javascriptarraysvue.jsobjectvuejs2

What is the best way to acquire the href value from this source?

Looking to extract the dynamic value "3 Sent" from the html snippet provided. How can this be achieved? <ul class="nav nav-tabs some-tabs"> <li class="active"> <a href="#accepted" data-toggle="tab">1 Accepted</ ...

javascriptseleniumselenium-webdriver

What's the best way to customize the color of the text "labels" in the Form components of a basic React JS module?

I have a React component named "Login.js" that utilizes forms and renders the following:- return ( <div className="form-container"> <Form onSubmit={onSubmit} noValidate className={loading ? 'loading' : ''}&g ...

javascriptcssreactjsformscolors

What is the best way to extract function bodies from a string with JavaScript?

I am currently searching for a solution to extract the body of a function declaration by its name from a JavaScript code string within a Node.js environment. Let's assume we have a file named spaghetti.js that can be read into a string. const allJs = ...

javascriptnode.jsregexstring

Using AJAX to communicate with a MySQL database and create a countdown timer using JavaScript

I have been trying to display data from a database using Ajax and incorporate countdown timers with times also fetched from the same database. It has been a struggle for me for almost 24 hours now. You can check out the main code here where you will notic ...

phpjavascriptmysqlajaxcountdown

Prevent Float Filtering in AngularJS

As I work on creating a directive in AngularJs, I am facing an issue. The directive is supposed to receive a JSON object from the app controller and display its content accordingly. To better illustrate my problem, I have created a simple demo which can b ...

javascriptjsonangularjsangularjs-directive

Error Alert: Request missing connection details while trying to connect to Sql server via express.js

I am currently utilizing the most recent versions of node, express, and mssql module. My objective is to establish a connection with the local instance of SQL Server 2014 through express.js. Following the guidelines provided in the official documentation, ...

javascriptnode.jsexpressnpmnode-mssql

Divide a string into separate numbers using JavaScript

This snippet of code is designed to search the table #operations for all instances of <td> elements with the dynamic class ".fuel "+ACID: let k = 0; let ac_fuel = 0; parsed.data.forEach(arrayWithinData => { let ACID = parsed.data[k][0]; ...

javascriptjquerystringsplitsum