Encountering an issue when trying to utilize the buttonText function to choose a menu

On the navigation menu of my web page, there is an element labeled Admin. After inspecting it in Firebug, below is the HTML code snippet:

<button class="md-button-toggle md-button md-default-theme" ng-transclude="" ng-show="canShow()" ng-click="toggle()" aria-controls="side-menu-admin_short" flex="" layout="row" aria-expanded="false" tabindex="0" aria-hidden="false">
<div class="pull-left ng-binding ng-scope">Admin</div>
<div aria-hidden="true" class="pull-right fa fa-chevron-down md-toggle-icon ng-scope" ng-class="{'toggled' : isOpen()}" style=""></div>
<div class="md-ripple-container" style=""></div></button>

I am currently using protractor for automating tasks on the web application. However, when I tried to click the Admin element using the buttonText method, an error was thrown.

element(by.buttonText('Admin')).click();

What locator should be used to successfully click on the Admin element?

javascriptseleniumprotractor

Answer №1

In my personal experience, I have found that using CSS to locate elements is more effective. Here is a helpful tip:

Start by giving the element a distinct class name:

<div> class="align-left ng-binding ng-scope prt-user"> User </div>

Then you can easily locate the element using its CSS class like this:

element(by.css('.prt-user').click();

If changing the CSS class is not ideal, you can try the following options:

element(by.css('.align-left ng-binding ng-scope')).click()

or

element(by.css('.align-left')).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

Converting a timestamp to a date format such as "Jan 2" or "Jan 26" using JavaScript and jQuery

If you have a string in the format: Sun Feb 06 2011 12:49:55 GMT-0800 (PST) Is there a way to convert it to: Feb 6 And / Or Sun Jan 26 2011 12:49:55 GMT-0800 (PST) to: Jan 26 Do you have any suggestions? ...

javascriptjquery

Python and selenium together provide a robust solution for selecting items from

Could you assist me in selecting a list box for webdrive selenium? I am looking to choose a country, such as Iraq, from this website: link Here is the HTML code: <ul role="listbox" aria-label="Choose a country code" tabindex="0 ...

pythonpython-3.xselenium

Adjust the color according to the key's value in every object within the array

Issue: I am faced with an array of objects, each containing a Name key. At times, the names may be repeated. I want to maintain the same color when the name is the same and switch to a different color when the name changes. Specifically, I want to alternat ...

javascriptreactjsiteration

I'm a newbie when it comes to working with streams, but I recently encountered a task that involves downloading a file from an FTP server and then sending it as a stream to an Azure storage

When trying to save data using the Azure stageblock method, I encountered an error stating that the body must be a string, Blob, ArrayBuffer, ArrayBufferView, or a function returning NodeJS.ReadableStream. It seems that FTP sends data in a writable strea ...

javascriptnode.jsftpazure-blob-storage

Why isn't the state change in a React component affecting the rendering after it transitions from the constructor to componentDidMount?

I have a component that looks like this: class GettingStarted extends React.Component { constructor(props) { super(props); this.state = { measureCompletion: '0%', }; } componentDidMount() { this.setState({ mea ...

javascriptreactjsreact-redux

Encountering issues with the addEventListener function in a React application

Here's the scenario: I'm currently working on integrating a custom web component into a React application and I'm facing some challenges when it comes to handling events from this web component. It seems that the usual way of handling events ...

javascriptreactjsweb-component

Incorporating a PHP array into a jQuery/AJAX JavaScript code for seamless integration

Currently, I am working with this JavaScript code: //Display custom confirm box and delete multiple message $(document).ready(function () { $(".delete_button-multiple").click(function () { //Get message id as variable var id = $(this) ...

phpjavascriptjqueryajaxarrays

Comparing Jquery's smoothscroll feature with dynamic height implementation

Recently I launched my own website and incorporated a smoothscroll script. While everything seems to be working smoothly, I encountered an issue when trying to adjust the height of the header upon clicking on a menu item. My dilemma is as follows: It appe ...

javascriptjqueryhtmlscrollsmoothing

Transmit data from the Windows Communication Foundation to JavaScript

Looking to invoke the WCF service through JavaScript, utilizing AJAX? Check out this resource: Calling WCF Services using jQuery Here's my query: Is there a method to retain some JavaScript-related data after making a request, and then transmit inf ...

javascriptajaxhtmlwcfservice

Framer Motion: Embrace the End of Animation Looping

Seeking help in creating a looped animation using the Framer Motion library with a slight delay. The animation plays upon mounting and webpage refresh but does not repeat as desired. Have reviewed the documentation but struggling with the syntax. const An ...

javascriptreactjsframer-motion

unable to retrieve the value of the table row with a particular class designation

I'm currently working with a table code and I need to retrieve the value of the table row with the class "highlight". However, when trying to do so with the code below, I'm getting a null result. Can someone please assist me? Table name: itemtab ...

javascriptjquery

Encountering an error with BOLDWEIGHT that cannot be resolved or identified as a field, along with SOLID_FOREGROUND experiencing a similar issue of resolution or field

Encountering an issue where BOLDWEIGHT_BOLD cannot be resolved or is not a field, along with SOLID_FOREGROUND cannot be resolved or is not a field. This is the original content of my Generic.java file: package com.expertus.libraries; import java.io.File ...

javaselenium

Issue with error handling in Node and MongoDB when using Express, Mongoose, and the 'mongoose-unique-validator' plugin

I am facing an issue with the 'mongoose-unique-validator' plugin when trying to handle Mongo ValidationError in my custom error handler. Despite other errors being handled correctly, this specific one is not triggering the desired response from m ...

javascriptnode.jsmongodbexpressmongoose

Executing a C# program that sends a web request without using JavaScript

My goal is to programmatically download the contents of a website, but it seems like this content is being loaded through ajax calls. Interestingly, when I disable javascript in my browser, only one request is made by the page and all the content is displa ...

c#javascripthtmlajaxhttpwebrequest

Authentication with PassportJS using Google OAuth2 strategy

When using the PassportJS Google OAuth Strategy, I encountered an issue where the user id I serialize and send to the cookie for the browser does not return when attempting to deserialize it. This becomes evident when I use console.log on the user, which r ...

javascriptnode.jsexpresspassport.jscookie-session

Automating the selection of combo boxes with identical DIV classes

I am currently working on automating the job alert creation page on Naukari.com. The page has two important fields, INDUSTRY and JOB ROLE, both of which are Combo boxes with checkboxes. For the INDUSTRY field, I have successfully used the script below. / ...

javaseleniumcombobox

Resolve Redux-Firestore issue #45: Possible Solutions?

I'm facing an issue where deleting a document from Firestore results in my Redux store showing it as null instead of removing it. Even though the document is deleted in Firestore, this inconsistency causes frontend issues because my .map functions can ...

javascriptreactjsreduxreact-redux

Using the fs module in a React Native application

Currently, I am facing a challenge in importing TinyDB into an expo project. The issue lies with fs, as Expo does not support it due to its third-party file system nature. I attempted using react-native-fs as an alternative but I am unsure about how to pr ...

javascriptreactjsreact-nativereact-native-fsnode.js-fs

The $.ajax method seems to be experiencing some issues, but fortunately, the $.getJSON

I'm in the process of retrieving the share count for Pinterest and the following code is functioning effectively: var pi_like_count = 0; PIUrl = "https://api.pinterest.com/v1/urls/count.json?url=" + url1 + "&format=jsonp" + '&callback=? ...

javascriptjqueryjsonajax

When utilizing ASP.NET Core Razor pages for file uploads and utilizing AJAX Post to send the file to an IFormFile handler, the request

I have a straightforward task that involves uploading a file and using AJAX to post it to the Index page: <input type="file" id="file-selector" accept=".txt"> Here is the corresponding Javascript: const fileSelector ...

javascriptajaxasp.net-corerazor