React / Enzyme для тестирования значения HTML Label?

Question

Я хочу проверить, правильно ли компонент метки анализирует данные в основном объекте.

Это мой ярлык:

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

А это мой тест, который в данный момент не работает:

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: jdoe@foo.bar, Role: Subscriber");
    });
});

Как проверить, правильно ли отображается значение моей метки или, точнее, текста между тегами?

В настоящее время тест завершается неудачно со следующим сообщением:

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

Answer 1

с этой ссылкой , ожидаемый оператор должен выглядеть следующим образом:

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