Сравниваемые значения не имеют визуального различия при тестировании реквизита компонента

Question

У меня есть этот код:

import Icon from "./icon.svg";

it("should have a prop space", () => {
    const tree = shallow(
      <Button name="button test" space={Icon} />
    );
    expect(tree.props().space).toEqual(<span>{Icon} </span>);
  });

Когда я запускаю его, я принимаю это как ответ:

Ожидаемое значение равно:

   <span>test-file-stub </span>

Поступило:

 <span>test-file-stub </span> 

Разница: Сравниваемые значения не имеют визуального различия.

Чего мне не хватает?

Answer 1

Я написал JSON.stringify для ожидаемого и полученного реквизита и получил это:

Ожидаемое значение равно: "{\" type \ ": \" span \ ", \" key \": null, \" ref \ ": null, \" props \ ": {\" children \ ": [\" test-file-stub \ ", \" \ "]}, \" _ owner \ ": null, \ "_ store \": {}} "

Получено:" {\ "type \": \ "span \", \ "key \": null, \ "ref \": null, \"props \": {\ "children \": [\ "test-file-stub \", \ "\", null]}, \ "_ owner \": null, \ "_ store \": {}} "