What is the best way to access the edit button within the tools icon of a particular image when there is a multitude of 100 images on the webpage?

Is there a way to select and click the edit button within the tools icon of a specific image when there are 100 images on the same webpage?

I have a webpage with 100 images, and I want to choose one image and then click on the settings icon within the image pane. Once I do that, two options will appear - edit and delete. How can I click on either the edit or delete option?

Could use some assistance on this matter. Can someone help me out?

Answer №1

To access the desired feature, interact with the "Settings" icon rather than clicking on the entire image:

$("i.glyphicon.glyphicon-cog").click();
element(by.linkText("Delete")).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

What is a method for capturing the value of a nested input element without requiring its ID to be

Currently, I am facing a challenge in selecting the value of an input box from a user-generated ordered list of text boxes and logging its value to the console. It seems like I cannot find a way to select the value of a child's child element when the ...

What is the best way to showcase the information from DataProvider in Amcharts visualizations directly beneath each chart?

After creating some graphics using Amcharts, I encountered a challenge in displaying the table of data (dataProvider) right below each graph on my HTML page. Despite searching extensively for a solution, I have been unable to find one. The table of data ...

retrieveStyle() rooted framework Category

I have implemented a customized Native Base style theme following the instructions in this link. Imports: import material from './native-base-theme/variables/material'; import getTheme from './native-base-theme/components'; return ( ...

Creating a TestNG runner file with the cucumber-jvm-parallel-plugin: A step-by-step guide

I am having trouble generating the TestNG runner file from my POM file. I have double-checked all the configurations and they seem to be correct. Can someone please help me with the correct configuration? <build> <pluginManagement> ...

Having trouble retrieving the input value using JavaScript

I have been attempting to retrieve the value of an input tag using JavaScript and display it on the console, but my code seems to be not functioning properly. Can someone help me identify the issue in the following code snippet? const userTextValue = doc ...

The map function works perfectly with [0,1,2,3] but returns unexpected outcomes when used with array.map

One major challenge I am facing while using framer motion is achieving the stagger effect, where each subsequent child element has a delightful delay. There seems to be a critical code snippet that, when I change [0, 1, 2, 3].map to recipes.map, causes all ...

PyCharm is showing an AttributeError when using the Python package 'selenium' because it does not recognize the attribute 'webdriver'

I am currently facing an issue with my PyCharm setup using Anaconda as the interpreter. While Selenium is installed and its webdriver functions correctly in Jupyter Notebook, I encounter the following error when running the same code in PyCharm: AttributeE ...

Employing the Map function in React leads to an error that is undefined

Upon simplifying my code, it seems that I am encountering an unresolved issue with the map function being used in different locations. I have noticed that code from examples running on platforms like Codepen does not work in my locally created react app p ...

transform a zipped file stream into a physical file stored on the disk

I have a Node application named MiddleOne that communicates with another Node App called BiServer. BiServer has only one route set up like this: app.get("/", (req, res) => { const file = `./zipFiles.zip`; return res.download(file); }); When Middl ...

Alert for JavaScript Increment (++) Operation

While reviewing my code using jslint, I noticed a warning regarding the increment operator: var x = 1; x++; Warning: Unexpected expression '++' in statement position. According to the documentation: "They are second only to faulty archi ...

"Trouble with 3D hexagonal grid in CSS - unable to achieve desired display

In order to create a dynamic Hexagonal Grid using CSS, the objective is to automatically reorganize hexes in a circular or rectangular manner when a new div with a specific class (e.g. 'hexes') is added to the view. Currently, there is a grid wi ...

Error Encountered: Module 'openpgp' Not Found

Currently, I am in the process of learning javascript and experimenting with importing modules using npm in my js files. So far, I have been able to successfully import modules using require(), however, I encountered a problem with openpgp.js which resulte ...

Guide to displaying nested maps in VueJS

After creating a map of maps structured like this: {year1:{topic1:[article1,article2]},year2:{topic1:{article3}}} I attempted to use v-for for iterating through this map but encountered difficulties. Upon printing the template, I noticed the output looke ...

Hold off on continuing the script until the AJAX response has been received

In my script, I have two AJAX calls. The first one checks if a record exists in a database and should stop the script if it does. The second call submits a job. However, I am facing an issue where the job is being submitted before the first AJAX call retu ...

Tips for Utilizing Environmental Variables within a Vue Application's index.html File

My website has an index file with all the necessary meta tags, stylesheets, and scripts: <!DOCTYPE html> <html lang="en"> <head> <!-- Required Meta --> <meta charset="UTF-8"> <meta http-equi ...

Sending an array of parameters via GET using Restangular

When sending an array of filters through get parameters in an API, it looks like this: /myList?filters[nickname]=test&filters[status]=foo If I try to send an object directly like this: Restangular.one('myList').get({filters: { nicknam ...

Launching a Bootstrap modal in Portrait mode through JavaScript

Is there a way to trigger the opening of a modal when the screen is in "Portrait" orientation and hide it when the screen is in "Landscape" orientation? I have tried implementing this functionality, but it seems to not work properly when the page initiall ...

Understanding the repetition of the X axis in Recharts for ReactJS

I am facing an issue where the X axis on my graph is repeating three times for each month of the year. I have tried adding my data, but the duplication persists. Can anyone provide insight on how to correct this error? What am I doing wrong? Below is a mi ...

Creating a React element clone

Within my library (antUI), I am able to pass a component inside a configuration like this: const configuration = [{ render: record => <Component record={record} /> }] I am trying to update that configuration by using the .map function: const ...

Using C# to send pictures to a WhatsApp contact

Is it possible to send an image along with a text message to a WhatsApp number through the API? https://api.whatsapp.com/send?phone=15551234567&text=I'm%20interested%20in%20your%20car%20for%20sale I have successfully sent text messages using thi ...