Protractor anticipates returns with square brackets rather than quotation marks

Question

Protractor anticipates returns with square brackets rather than quotation marks

I'm currently in the process of testing a webpage and I've encountered an issue with using a repeater and model to verify the text input.

My attempt at ensuring that the expected text matches what I want resulted in the following code snippet:

expect(element.all(by.repeater('n in [].constructor(product.config.num_streamers) track by $index')).get(1).all(by.model('name.value')).getAttribute('value')).toEqual("testtext");

The problem lies in the output showing an object with brackets instead of just plain text within quotes. The failed exception reads as follows: Expected [ 'testtext' ] to equal 'testtext'.

This failure is solely due to the presence of unnecessary brackets and spaces. Can someone please assist me in finding a solution and explaining why these brackets are appearing?

javascript angularjs selenium testing protractor

Answer 1

Answer №1

When you call getText() on a collection of elements (referred to as ElementArrayFinder in Protractor), it will return a promise that resolves into an array containing the texts of all the matching elements.

If you only need a single element, use .element instead of .all:

expect(element.all(by.repeater('n in [].constructor(product.config.num_streamers) track by $index')).get(1).element(by.model('name.value')).getAttribute('value')).toEqual("testtext");

Some extra tips:

You could have used the toContain() matcher instead of toEqual()
The track by part in the by.repeater() is automatically ignored by Protractor
To improve readability, consider declaring the element outside of the matcher or implementing the Page Object pattern for better organization:

var elm = element.all(by.repeater('n in [].constructor(product.config.num_streamers)')).get(1).element(by.model('name.value'));
expect(elm.getAttribute('value')).toEqual("testtext");

Answer 2

When you call getText() on a collection of elements (referred to as ElementArrayFinder in Protractor), it will return a promise that resolves into an array containing the texts of all the matching elements.

If you only need a single element, use .element instead of .all:

expect(element.all(by.repeater('n in [].constructor(product.config.num_streamers) track by $index')).get(1).element(by.model('name.value')).getAttribute('value')).toEqual("testtext");

Some extra tips:

You could have used the toContain() matcher instead of toEqual()
The track by part in the by.repeater() is automatically ignored by Protractor
To improve readability, consider declaring the element outside of the matcher or implementing the Page Object pattern for better organization:

var elm = element.all(by.repeater('n in [].constructor(product.config.num_streamers)')).get(1).element(by.model('name.value'));
expect(elm.getAttribute('value')).toEqual("testtext");

Protractor anticipates returns with square brackets rather than quotation marks

Answer №1

Similar questions

Enhance the image with interactive shapes using JavaScript or JQuery

Using Cordova plugman to add the initial platform-specific plugin into the project

Struggling to integrate selenium seamlessly with a dropdown menu (select element)

Unlock the power of deep linking with the Branch SDK and integrate seamlessly with

What are the solutions for resolving the Express.js 404 status error?

What is the process for incorporating a unique Mongo expression into a JSON object?

Encountering errors when initializing a JavaScript module through Angular2 instantiation

Update the DOM by setting the innerHTML with a template tag

Using a React button to sort through an array

Utilizing shared code amongst React components

How can we avoid animations being interrupted by user interaction?

How can I organize the selected options from a select2 form element using a basic sorting method?

Detecting Changes in Angular Only Works Once when Dealing with File Input Fields

The intricacy of the jQuery each function and its interaction with $(this

Issues arising post transitioning to 14.0.0 from 13.0.0 version of ngx-masonry library leading to failed tests

Running several Java versions simultaneously on a Windows 7 operating system

Issues with ng-show and ng-hide not functioning as expected

refreshing a react component when new props are received

Initiating a horizontal scroll menu at the center of the screen: Step-by

Find the position of an element in an array that includes a specific string value using JavaScript or Node.js