React / Enzyme testing value of HTML Label?

Question

I want to test that my label component is properly parsing the data in the principal object.

This is my label:

<label id="userInfo"><b>Logged in as: </b>{principal.emailAddress}, <b>Role: </b>{userRole}</label>

And this is my test, which is not currently working:

describe("Testing User Info displaying correctly", () =>{
  it("when provided principal data, it should correctly combine the username and role", () => {
    expect(wrapper.find('[data-test-id="userInfo"]').text()).to.equal("Logged in as: [email protected], Role: Subscriber");
    });
});

How can I check that the value of my label, or more accurately the text between the tags, is being shown correctly?

Currently the test fails with the following message:

"Method “text” is only meant to be run on a single node. 0 found instead."

What's wrong with current code? I think its correctly checking — Just code
– Just code, Commented Nov 20, 2018 at 6:24

Srd Mathur · Accepted Answer · 2018-11-20 06:35:54Z

1

with this reference, expect statement should be like below:

expect(wrapper.find('[data-test-id="userInfo"]').text().equals("Logged in as: [email protected], Role: Subscriber")).to.equal(true);

answered Nov 20, 2018 at 6:35

Srd Mathur

511 gold badge1 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

arcade16 Over a year ago

Thanks, but it still fails with the same message.

Srd Mathur Over a year ago

wrapper.find() returns an array of the results. I guess you should try wrapper.find('[data-test-id="userInfo"]')[0].text()

arcade16 Over a year ago

I get "TypeError: Cannot read property 'text' of undefined" when trying that

Srd Mathur Over a year ago

try with wrapper.find('label#userInfo') or wrapper.find('#userInfo').

arcade16 Over a year ago

TypeError: Cannot read property 'text' of undefined on both of those :/

Collectives™ on Stack Overflow

React / Enzyme testing value of HTML Label?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related