An efficient way to automate the action of clicking a button with the function handleSubmit($event) using Selenium

I've attempted all of the methods mentioned above to click on the Find It button, but I'm not receiving the expected response.

  • URL :

  • Button : Find it

Source Code

<input class="piejs" ng-hide="type=='bff'" value="Find it" ng- click="handleSubmit($event)" type="submit">

Could you assist me in achieving the desired outcome?

Answer №1

Below is the answer to your inquiry:

To activate the "FIND IT" button, you can select one of the following methods:

  1. XPath (using the class attribute):

    driver.findElement(By.xpath("//input[@class='piejs']")).click();
    
  2. XPath (using the value attribute):

    driver.findElement(By.xpath("//input[@value='Find it']")).click();
    

Please let me know if this resolves your issue.

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

I'm struggling to understand why the jQuery find() method isn't functioning as expected

UPDATE: In a twist of events not caused by syntax errors, but rather by a loading issue with the html template, it turns out that the checkbox update was happening prematurely. So if you're searching for an element that seems to be missing, it may sim ...

Create a music player application using the React context API

Here is a code snippet for implementing a music player using context: import React from 'react'; import { BarSongTitle, BottomBar, Button, PlayList, Song, SongTitle, } from './styles.js'; import { songList } from './con ...

Looking for a way to incorporate or locate additional files within nodejs?

I am attempting to invoke my JavaScript function from my Node.js script, however I am encountering an Uncaught ReferenceError: module is not defined issue. Within my server, I have the following: require('/public/js/script.js')(); foo(); M ...

Is there a more contemporary method for preloading images in HTML?

When a mouse event triggers the loading of a large image using JavaScript, it's important to ensure that the image is pre-loaded. I recently came across an example from years ago that reminded me of some old techniques. You can check out this example: ...

Enhance your user interface by incorporating badges into specific elements using Bootstrap version 5.2

I am currently using the most recent version of Bootstrap v5.2 and Vue 3 (for learning purposes). While searching on Stackoverflow, I came across a similar question, but it was related to an older Bootstrap version. In my project, I have a select element ...

Best practices for selecting checkboxes and transferring values to another page in PHP/HTML

Apologies for my lack of experience in PHP. I am in the process of creating a project without any knowledge of PHP. I have set up a database with a list of users and can display users based on specific information through a search. Each search query has a ...

How can I align the tags properly when inserting a tab box within a section tag?

How can I successfully insert a tab box within my section tag? I found this tab box tutorial on the website here The download link for the source code is available here: source code Below is the HTML code snippet: <!DOCTYPE html> <html> & ...

Variables outside an array will not be able to be parsed by JSON

I am having trouble understanding why my JSON data is not getting parsed correctly. Can someone please help me figure this out? I am trying to send JSON from PHP to JavaScript. The following code works perfectly: From PHP echo json_encode(array($row[&a ...

JavaScript - Toggling checkboxes to either be checked or unchecked with a "check all" option

To create a toggle checkboxes functionality, I am attempting the following: HTML Code: <!-- "Check all" box --> <input type="checkbox" name="check" id="cbx_00_00" onclick="selectbox( this.getAttribute( 'id' ));" /> <!-- the other ...

Locate and filter elements by using the react-testing-library's getAll method

On my page, I have a collection of unique checkbox elements that are custom-designed. Each individual checkbox has the following structure: <div className="checkbox" role="checkbox" onClick={onClick} onKeyPress={onKeyPress} aria-checked={getS ...

Update $(img).offset() upon clicking and dragging the image

Whenever I click on an image, it moves to a random position. I want different sounds to play based on where the click occurs: Directly on the image Within 50px of the image More than 50px away from the image. To achieve this, I need to constantly updat ...

Resetting text in an input field using CSS

Here is the fiddle link for reference: http://jsfiddle.net/a765q/1/. I noticed that when I click the reset button, the text color changes to grey. Any ideas on how to fix this? ...

How can I locally include an ID in an HTML tag using Angular?

Hey there, I'm not facing any issue currently, but I have a question out of curiosity. Is it possible in Angular to locally add an ID to an HTML tag? I want this ID to be accessible only by the component that defines it. My intention is to set the ID ...

setting a variable with data retrieved from an AJAX call using jQuery

Here's a snippet of jquery code that I'm working with: var example = "example"; $.ajax({ url: root + "/servletPath", type: "GET", success: function (response) { alert(response); // displays the correct value example ...

What is the best way to dynamically link an Angular Material table with information pulled from the backend server

I am attempting to connect a mat-table with data from the backend API following this Angular Material Table Dynamic Columns without model. Below is the relevant content from the .ts file: technologyList = []; listTechnology = function () { ...

The Present Landscape of Crossplatform JavaScript Unit and Systems Testing

When working on JavaScript projects, which asynchronous system and unit test framework would be best suited for use in both node.js and web browsers? The ideal testing system should have the capability to run specific tests for node.js and web browsers, a ...

React Native Android Bundle Overrides: Customizing Your App's Resources

Currently, I am facing an issue with my Android project where I am attempting to integrate some React Native code. Specifically, I only need the 'index.android.bundle' file to be included. The problem arises when I initiate the metro bundler from ...

While holding down and moving one div, have another div seamlessly glide alongside it

I have a scenario where two divs are located in separate containers. My goal is to drag div2 in container2 while moving div1 in container1. The 'left' property for both divs should remain the same at all times. I can currently drag each div indi ...

Having trouble setting a JavaScript variable with a PHP session variable

In my PHP file, I have a session variable named $_SESSION['SESS_USER_TYPE'] set to a 2-character string. After the PHP script redirects to an HTML file, I need to retrieve this session variable in a JavaScript variable. This is how I am attempti ...

Text centered on hover for figure caption

Check out this fiddle http://jsfiddle.net/sLdhsbou/ where I am trying to center the "x" that appears on hover perfectly no matter what size the image is. Also, why does the transition not occur when moving the mouse outside of the figure, unlike when movi ...