Changing text content into objects in Protractor

Question

Changing text content into objects in Protractor

I am facing an issue with a span tag that contains JSON text, which I need to convert into an object in Protractor for testing purposes.

{"type":"msax-cc-error","value":[{"Code":22104,"Message":"Card holder is required"},{"Code":22058,"Message":"Card number is required"},{"Code":22109,"Message":"Card type is not supported"},{"Code":22103,"Message":"Expiration year is required"}]}

Is there a way to successfully convert this text into an object in Protractor? I have tried the following code snippet but it does not seem to be working as expected.

it('Submitting should be ignored and prompt appropriate error code', function() {
    //assign the element text to a variable
    var response = element(by.css('.message-box .message-in')).getText();
    expect(response.type).toBe('msax-cc-error');
});

javascript angularjs json string protractor

Answer 1

Answer №1

When you utilize the getText() function on an element, it will return the text of that element as a string. To work with this result as an object, you need to convert the string into an object using the JSON.parse() method. Here's an example:

var response;
element(by.css('.message-box .message-in')).getText().then(function(text){
    response = JSON.parse(text);
    expect(response.type).toBe('msax-cc-error');
});

I hope this explanation helps.

Answer 2

When you utilize the getText() function on an element, it will return the text of that element as a string. To work with this result as an object, you need to convert the string into an object using the JSON.parse() method. Here's an example:

var response;
element(by.css('.message-box .message-in')).getText().then(function(text){
    response = JSON.parse(text);
    expect(response.type).toBe('msax-cc-error');
});

I hope this explanation helps.

Changing text content into objects in Protractor

Answer №1

Similar questions

What is an alternative method to retrieve form data without relying on bodyParser?

Leveraging symbols in JSON with Python

Sending a JSON object as a string to PHP

Managing the versions of ViewState and serialized objectsIs this what you

Evaluating the criteria and presenting two distinct notifications with setCustomValidity

Unveiling class based on JSON attribute name with GSON

Is there a way to access the state value within the reducer function of createSlice?

Updating state from a React mapping component: A step-by-step guide

Utilize Angular 2 interceptor to incorporate HTTP requests

The AJAX function fails to trigger the MVC controller method

Injecting randomness into webpage backgrounds with Flickr API

Is it possible to populate a ReactJS TreeView with a JSON/array of objects using Material UI?

Issue encountered with asynchronous execution while utilizing AWS Cognito registration process

Leveraging jQuery for Adding Text to a Span While Hovering and Animating it to Slide from Left to

Discover the process of iterating through JSON URLs and extracting data within Google Sheets using Apps Script

Align the image in the middle using JavaScript for Firebase

The functionality of Ajax with JSON is failing to work properly in Internet Explorer 11

Step-by-step guide on inserting a div element or hotspot within a 360 panorama image using three.js

Increase the jQuery level and utilize the .find() method

Delivering an Angular 1.x app through Express while granting access to static directories