Having trouble with protractor's sendKeys function when trying to interact with md-contact-chips

Does anyone know how to set a value using sendKeys in Protractor for md-contact-chips?

I attempted to use element(by.model('skills')).sendKeys('Java'); but it doesn't seem to be working. Any suggestions on how to approach this in Protractor would be greatly appreciated. Thank you!

  <div>
 <md-content>
 <md-contact-chips  md-input-id="skillId"  ng- 
  required="skills.length<1" ng-model="skills" md- 
  contacts="querySearch($query)" md-contact-name="skill" md-require- 
 match="true" md-min-length="1" md-highlight-flags="i" filter- 
selected="true" placeholder="Enter a skill" secondary- 
 placeholder="Enter a 
skill </md-contact-chips></md-content> </div>
javascriptseleniumprotractor

Answer №1

Consider trying out the option below:

element = element(by.css('md-content > md-contact-chips[md-input-id="skillId"]'));

OR

element = element(by.css('md-content > md-contact-chips'));


it('Adding a New Demand', async function() { 
var el = element(by.css('md-content > md-contact-chips')); 
await el.sendKeys('Java'); }

I hope this suggestion proves to be helpful.

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

Removing a specific item from an array

state = { filters: ['all'] } this.state.filters.includes('humans') ? this.state.filters.filter(val => val !== 'humans') : this.state.filters.push(dropdown) I have a condition set up so that when I click on a button, ...

javascriptarraysreactjsfilter

Determine whether a request is for CSS or JavaScript when using NodeJS and Express

My routing configuration includes the following setup: app.get('*', function (req, res, next) { req.xhr ? next() : res.render('layout/layout'); }); The idea behind this is to return the base layout if the request is not an XMLHttp ...

javascriptnode.jsangularjsexpress

The radio button in the HTML form is disabled when the user selects

I have two radio buttons labeled Billable "Y" and Billable "N". These radio buttons are linked to a database with corresponding values of "Y" or "N". If the user selects "Y" using the radio button, then the NonBillableReason text box should be disabled. ...

javascriptc#jqueryhtmlasp.net

Having trouble configuring the proxy port for my Vue.js application

I'm currently developing a web application using vue.js for the front end and node.js for the server. Vue is running on port 8080 and Node.js is running on port 3001. To make API calls, I have set up a proxy in my vue.config.js file, but it doesn&apos ...

javascriptvue.jsproxyvuejs2axios

A guide to displaying a DIV element upon clicking a button in ReactJs

While developing a form, I encountered the need to render the same div in the "Active Membership" section whenever the "Add More" button is pressed. Since users can have multiple active memberships, each time the button is clicked, the input section shou ...

javascriptreactjsreact-hooksformik

Having trouble getting the onClick event to trigger in React?

I have a button in my navbar that triggers a submenu (list of items) to display when clicked. Each item is a separate child component and I want them to trigger an event when clicked. However, the onClick event listener does not seem to be working. Other m ...

javascriptreactjs

The FindElement method will only return the text of an element if it is currently present in

Currently, I am facing an issue with Selenium's webdriver while using KnockoutJS to bind my UI to server data. When I use FindElement(By.Id("InputField")) in my tests, the element is located successfully but the Text() field appears empty. Interestin ...

seleniumwebdriverknockout.js

Creating an expo apk using eas buildWould you like a tool for generating

Following an update to Expo, the process of building apk files using expo build:android -t apk is no longer supported. Instead, it now recommends using eas builds with the command eas build -p android --profile preview. However, this resulted in building a ...

javascriptandroidnode.jsreact-nativeexpo

Different Angular 2 components are resolved by routes

Consider this scenario: Upon navigating to the URL /product/123, the goal is to display the ProductComponent. This is how it's currently configured: RouterModule.forRoot([ { path: 'product/:productId', ...

javascriptangulartypescriptangular2-routing

The $routeProvider is unable to load the view specified in ngRoute

I am currently in the process of implementing ngRoute into my application, but I am facing challenges with getting it to function properly. To showcase my efforts, I have developed a basic app. index.html: <!DOCTYPE html> <html ng-app="tester"& ...

javascriptangularjsngrouteangularjs-ng-route

How to Capture a Screenshot in a Docker Container Using Selenium and Chrome?

I've been using the official selenium chrome driver image from However, I'm facing an issue where I can't capture screenshots within the container. The following code works perfectly fine outside of the container: from selenium import web ...

google-chromeseleniumdocker

Is there a way to automatically hide a div based on a checkbox value when the page loads?

How can I hide a div in my view when a checkbox is not checked upon page load? <input type="checkbox" class="k-checkbox" id="chkInvoiceStatusActive" asp-for="InvoiceStatus" value="true" /> <input t ...

javascriptjqueryasp.net

Utilize Next.js to send an image to an email by leveraging the renderToString function on the API routes

I need help with sending styled emails that contain images. Currently, I am utilizing the renderToString method to pass props into my component. So far, everything is functioning correctly in the API routes. mport client from "@/lib/prisma"; im ...

javascriptnext.jssendgrid

Leveraging the flexibility of an undefined variable as a useEffect dependency

Summary: Need help using listRef.current.clientWidth as a dependency in useEffect. I'm working on creating a dynamic list that automatically adjusts the width of its items based on the list's width. I've almost got it working, but I'm ...

javascriptnode.jsreactjsnpm

Sending Grunt Jade configurations to a specific file

I'm currently using grunt-contrib-jade and I'm trying to utilize the pkg.name and pkg.version variables to generate my css file name. Unfortunately, I haven't been able to make this work on my own and would appreciate any assistance. Below i ...

javascriptgruntjs

Can you explain the purpose and function of stub.callsArg(index) feature in Sinon.JS?

Confusion has set in as I try to make sense of this. According to the documentation: stub.callsArg(index) - This command prompts the stub to execute the callback function found at the specified index. For instance, using stub.callsArg(0); will trigger the ...

javascriptunit-testingsinon

Selenium is unable to install the Firefox addon because the add-on "[email protected]" is not properly signed

When utilizing Selenium, my objective is to initiate Firefox along with a pre-installed set of extensions using the following code snippet: FirefoxProfile profile = new FirefoxProfile(); profile.addExtension(new File("path/to/firex_proxy-5.3.1-fx.xpi")); ...

javaseleniumfirefoxfirefox-addon

Is it possible to export multiple named exports in a single set without changing how variables are called?

In my constants file I have: export const CONSTANT1 = 'CONSTANT1'; export const CONSTANT2 = 'CONSTANT2'; export const CONSTANT3 = 'CONSTANT3'; export const CONSTANT4 = 'CONSTANT4'; export const CONSTANT5 = 'CONS ...

javascriptnext.js

What is the jQuery syntax for targeting a specific element within an object?

Is there a way to access a sub element from $(this)? For instance, how can I specifically select a span element inside the this object? ...

javascriptjquerythis

Oops! There seems to be a problem with your AngularJS/JavaScript code. The error message is "Uncaught ReferenceError:

As I venture into the world of AngularJS and JavaScript, I am working on creating a 'blog' using these technologies. Here is my HTML view code- <div ng-controller="Controller1"> <form ng-submit="sub()" role="form"> Title: <textar ...

javascriptjqueryhtmlangularjs