The icon click function seems to be malfunctioning on Protractor

When I try to click on the icon to add a new item, nothing happens. I'm not sure if I'm targeting the element correctly.

I attempted the solution provided in this post:

element(by.css('[ng-click="createWL()"]')).click();

element(by.css("button[ng-click*=createWL]")).click();

Unfortunately, these methods did not work for me.

Here is my HTML code: 

<button class="md-icon-button watchlist-icon-button md-button md-ink-ripple" type="button" ng-transclude="" id="addWL" aria-label="Add Watchlist" ng-click="createWL()"> <ng-md-icon icon="add_circle_outline" class="ng-scope">

javascriptselenium-webdriverautomationjasmineprotractor

Answer №1

One issue arose when the test ran prematurely, resulting in a failure without displaying the expected icon on the screen.

To resolve this, incorporate a waiting period and adjust the test priority accordingly.

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

A window interface in Javascript that allows for dynamic arrays and multiple choice answers

I've been working with multiple arrays and encountered a problem. Adding additional questions is not an issue when there's only one question div generated. However, if I add another question div, I can't add more questions to either of the w ...

javascripthtmlcss

Looking for a JavaScript regex pattern that matches strings starting with the letter "p" and containing at least

I have recently started learning about JavaScript regular expressions. I attempted the following expression for a string starting with the letter "p" followed by digits: p1749350502 The letter "p" is constant and the remaining digits are variable. Howeve ...

javascriptregex

Adding a character to an AngularJS textbox

I am attempting to add the "|" Pipe symbol to a textbox when a button is clicked, using this function. $scope.appendPipe = function(){ var $textBox = $( '#synonyms' ); $textBox.val($textBox.val()+'|'); //textBox ...

javascriptjqueryangularjs

Setting up Selenium Protractor in Ecplise

Currently, I am in need of installing Selenium protractor on Eclipse. Even though I have Eclipse Juno and have successfully installed Marketplace, I am facing an issue in getting it installed. After downloading node.js from its official website (version ...

eclipseseleniumselenium-webdriverprotractor

The Battle of Extends and Intersection in Typescript

Typescript's concept of extension is akin to C++'s inheritance. Intersection in Typescript involves creating a new object with all the properties from the intersected classes. Why utilize intersection when extends keyword can already merge ...

javascripttypescript

Assigning active classes based on the href attributes of child <a> tags

I've created a navigation structure as follows: <ul class="page-sidebar-menu"> <li class="menu"> <a href=""> <span class="title">Menu Item</span> <span class="arrow"></span> < ...

javascriptjquerycss

What could be causing the error "Err: user.validPassword is not a function" to occur

I am in the process of developing a node.js app and I have implemented Passport js. After referring to the Passport-local documentation on their official website, I decided to utilize the local passport-strategy. However, I encountered an error stating tha ...

javascriptnode.jsexpresspassport.jspassport-local

Deferred computed property fails to recognize the final character entered into the input field

I am facing an issue with my automated tests using selenium. The problem lies with a particular input field in a web form: <input data-bind="value: searchText, valueUpdate: 'afterkeydown'"></input> Here is the model associated with ...

javascriptgoogle-chromeseleniumknockout.js

Determine if the start_date is greater than the end_date using jQuery

Having a particular issue with date validation. The start_date and end_date are obtained from an HTML form, being chosen using a bootstrap date picker. A sample of the dates looks like this: start_date = 15-06-2016 end_date = 14-06-2016 To verify if th ...

javascriptjquery

Using useState in ReactJS does not allow setting state data

I am working with a react component that handles agreements. import React from "react"; import { AgreementInfo } from "../../../../models/shop"; import { MdClose } from "react-icons/md"; import moment from "moment"; ...

javascriptreactjsreact-hooksstateuse-state

Minimize a pop-up window and navigate to a different webpage

I have created a login/logout form that includes the option to delete my account. When I click the "Sterge cont" button, a pop-up window appears asking if I truly want to delete the account. If I select "NU," the account will not be deleted and the window ...

javascriptphp

How can I retrieve the body from a GET request using Express?

Every time I attempt to execute my code, it returns an error message indicating invalid text. app.post("/charge", (req, res) => { console.log(req.body) }) ...

javascriptexpress

Executing a Cron Job several times daily, each and every day

This is my current code snippet: const CronJob = require('cron').CronJob; new CronJob({ cursoronTime: '* * * * *', // every minute onTick: async function() { console.log(&ap ...

javascriptnode.jsnpmcron

Is it possible to link an asp.net dropdownlist to javascript/jquery?

I'm looking to bind an asp.net dropdownlist using javascript/jquery. I am retrieving the data from a web method using jquery ajax, so I want to avoid postback at this point. However, I still need to be able to do postback and save all the data using s ...

javascriptasp.netjquerydrop-down-menu

Having difficulty verifying the loader on the website using the Selenium webdriver and a Groovy script

When using JMeter with Selenium WebDriver, my goal is to validate the loader and once the loader completes, the web page should be displayed. I then need to print the result as "success". This is portion of my code: wait.until(ExpectedConditions.presenceO ...

selenium-webdriverjmeterwebdriverwait

Why does my script seem to be missing from this GET request?

Encountering an issue while setting up a page using npm and grunt. Request URL:http://localhost:9997/bower_components/requirejs/require.js Request Method:GET Status Code:404 Not Found The problematic html code is as follows: <script> ...

javascriptnpmgruntjs

Combining AngularJS, Google App Engine (GAE), and Endpoints

I've been working on integrating AngularJS with Google App Engine and endpoints. I have a small testing app with a basic API to help me understand how to use Angular with GAE endpoints. A user inputs text and clicks submit to send the entry to the bac ...

javascriptangularjsgoogle-app-enginegoogle-cloud-endpointsprotorpc

Easy Registration Page using HTML, CSS, and JavaScript

In the process of creating a basic login form using HTML and CSS, I'm incorporating Javascript to handle empty field validations. To view my current progress, you can find my code on jsfiddle My goal is to implement validation for empty text fields ...

javascriptcsshtml

Unable to detect the click event on Bootstrap accordion

I am currently utilizing Bootstrap to populate a table with data and then attempting to capture an accordion show event. My intention is to extract the div id in order to make an ajax call for more information on the respective item. Unfortunately, I have ...

javascriptjqueryajaxtwitter-bootstrap-3

How can I assign the items in a list as keys to an object in redux?

I am currently utilizing Redux in combination with Reactjs. The Redux Documentation states: It's recommended to return new state objects instead of mutating the existing state. My current object's state looks like this: state = [..., {id: 6 ...

javascriptreactjsredux