NodeJS with Selenium - Attempting to Choose a Button

The HTML

<button class="RCK Hsu USg adn gn8 L4E kVc iyn S9z Vxj aZc Zr3 hA- Il7 hNT BG7" tabindex="0" type="submit">
     <div class="KS5 hs0 mQ8 un8 tkf TB_">
          <div class="xuA">
               <div class="tBJ dyH iFc sAJ B1n tg7 H2s">Log in</div>
          </div>
     </div>
</button>

The Code

...

await driver
      .findElement(
        By.css(
          "button.RCK.Hsu.USg.adn.gn8.L4E.kVc.CCY.S9z.Vxj.aZc.Zr3.hA-.Il7.hNT.BG7"
        )
      )
      .click(); 

...

The Error

NoSuchElementError: no such element: Unable to locate element: {"method":"css selector","selector":"button.RCK.Hsu.USg.adn.gn8.L4E.kVc.CCY.S9z.Vxj.aZc.Zr3.hA-.Il7.hNT.BG7"}

The Issue

I am facing a challenge with selecting the button above through Selenium automation. While I have been successful in selecting other elements using xpath and id, I have encountered difficulties with this specific button. Despite trying xpath and css selectors, I have not been able to make it work. Any assistance in resolving this selection issue would be greatly appreciated.

javascriptselenium-webdriver

Answer №1

The css selector 

button.RCK.Hsu.USg.adn.gn8.L4E.kVc.CCY.S9z.Vxj.aZc.Zr3.hA-.Il7.hNT.BG7"
you are using contains multiple dynamic classes, resulting in browser rendering differences. It is recommended to use a more stable locator. While xpath with text may not be ideal, given the provided HTML snippet, it is the best option.

await driver
      .findElement(
        By.xpath("//div[text()='Log in']")).click();

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

exploring the network of connections

This is what the HTML structure of the webpage looks like: <body> <form> <input type='file'/> </form> <div id='list'> <div>value here<input id='delete' type='button'/>< ...

javascripthtmldom

Why does variable passing use 'object Text' instead of passing values?

In my for loop, I am dynamically creating a table with radio buttons and trying to create labels dynamically as well. However, when I pass the variable to the label text node, it prints out 'object Text' on the page instead of the expected value. ...

javascriptarraysfor-loopvariablesdynamic-variables

JavaScript Click Event Not Functioning

I am attempting to create an interactive feature where clicking on any image will either reveal a clear version of the picture if it is blurred, or blur the picture if it is clear. The current issue I am facing is that when I click on a blurred image, it ...

javascriptimageeventsonclickmouseevent

Click on any checkbox to select all checkboxes at once

I have created a table with each column containing a checkbox. My goal is to select all checkboxes in the table when I click on the checkbox in the top row (th). Can someone guide me on how to achieve this? Below is my code: <table style="width:100%"& ...

javascripthtml

Implement lazy loading of content on scroll in Grails framework

Currently, I am uploading images and displaying them in a gsp view. My goal now is to implement a functionality where the images load as I scroll down on the page. A friend suggested using jQuery to make an ajax call for this. Can someone please provide g ...

javascriptjqueryajaxgrails

Is it possible to combine the click() function with sendKeys() in our implementation?

Is it possible to combine the Click() functionality with sendKeys()? I recently retrieved a drop-down value using xpath and now I need to click on that specific value. While it can be done in two separate steps, is there an option to read and click all in ...

seleniumselenium-webdriver

What steps should I take to verify the validity of an Angular form?

I am struggling with validating an inscription form in HTML. Despite trying to implement validations, the inputs are still being saved in the database even when they are empty. Here are the validations I want to include: All inputs are required Email addr ...

javascriptangulartypescriptforms

List component in Angular not refreshing after sorting the array in the service

Currently, I am delving into the realm of Angular (version 5+) to enhance my skills by working on a small project. The project involves setting up basic routing functionalities to showcase the ContactList component upon selecting a navigation tab. Addition ...

javascriptarraysangular

Do AJAX requests make Cross-site scripting attacks more significant?

Currently, I am in the process of developing a React application that utilizes a PHP (Codeigniter) backend. Despite Codeigniter not handling this issue automatically, I have taken it upon myself to delve into the matter. While I comprehend the importance ...

javascriptphpajaxxss

advancement in the $.when function

In an attempt to make an AJAX call utilizing the $.when and $.then functions, I am employing these features to populate a template. During this process, I aim to display a message in a form that states: "Loading data... please wait." I have come across ...

javascriptjqueryajaxasynchronous

What is the best way to limit a slash command to only be accessible to those with specific roles on a Discord server?

I am currently working on a discord bot using Discord.js V14 and implementing a command called "claimticket". However, I am facing an issue where I need to restrict this command to only members who possess one of the two specific roles that I have mentione ...

javascriptdiscorddiscord.js

After submitting my form, the Bootstrap Modal does not hide as intended by my Ajax

I am facing an issue with my webpage that displays 6 Bootstrap Cards in 3 columns. Each card contains an image, name, description, and a footer button. When a user clicks on the button, a Bootstrap Modal opens with specific data fetched from a SQL row by I ...

javascriptphpjqueryajaxbootstrap-modal

The error message "Cannot construct apickli.Apickli" is indicating a Type Error

Encountering this issue : TypeError: apickli.Apickli is not a constructor every time I attempt to execute Sendpostrequest.js again in the following step of a scenario. In A.js, the initial call to Sendpostrequest works without any problems. However, ...

javascriptnode.js

How can I handle moving to button code-behind when validation fails without relying on Page.IsValid?

Recently, I encountered a challenge with an ASP.NET page that contains both ASP.NET validators and JavaScript checks. As I delved into the button code behind the scenes: protected void Button2_Click(object sender, EventArgs e) { if (Page.IsVal ...

c#javascriptasp.netvalidationpostback

Is it feasible to develop a functional computer interface using threejs?

Is it feasible to integrate a window into threejs that could facilitate the use of standard desktop applications (such as code editors) within the virtual scene? Please note: This is being implemented within a custom application or a node-webkit environme ...

javascript3dthree.js

What is the best way to confirm that the content on a website is identical when hosted in two separate environments?

I am facing a situation where my website is hosted in two separate environments - internal and public. I need to ensure that the content displayed to the public is identical to what is shown in the internal environment. Are there any tools available for ...

seleniumselenium-webdriver

Sidebar navigation text shifting during transition

I attempted to modify the CSS and JavaScript, but unfortunately, it had no effect and actually caused more issues. I adjusted the position and display properties in the CSS, but it seems that wasn't the root of the problem. If anyone could offer assis ...

javascripthtmlcssbootstrap-5

Child component in VueJs is undergoing a situation where the variable is found to be

Whenever an event is triggered, a function is called to populate a variable and open a modal from a child component. However, in the modal, the new variable appears empty initially. If I close and then reopen the modal, the data finally loads. I have atte ...

javascriptvue.jsvuejs2

Error: The server is unable to process the POST request to /api

Currently following a tutorial on YouTube: https://www.youtube.com/watch?v=4ECVE6TXKLQ&list=PLI-gk4ISRzCPlJjCz3yuAhL8vnmK6KWr7&index=11 After setting up a server listening on port 8080 and connecting to MongoDB Atlas successfully, the next step ...

javascriptnode.jsmongodbexpressmongoose

What is the proper way to reference a property's value within another property of the same JavaScript Object?

Within a Gulp.js file (or any Javascript file), I have defined paths in a Javascript object: var paths = { devDir : 'builds/development/', devDirGlobs : this.devDir+'*.html' } I am attempting to reference the pro ...

javascriptobjectthis