Тестирование не проходит, потому что реквизит еще не создан - PullRequest
Новая
       25

Тестирование не проходит, потому что реквизит еще не создан

0 голосов
/ 24 апреля 2020

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

const [isTrue, setIsTrue] = useState(false);
  useEffect(() => {
        setIsTrue(!isTrue);
      }, []);

    <div>
      {isTrue && <div className="test">test</div>}
    </div>

, когда dom отображает div с className = "test" не отображается только после useEffect, но у меня есть тест с именем: 

 test("test", () => {
    expect(wrapper.find(".test").first().text()).toEqual("test");
  });

и он терпит неудачу, потому что он видит только первый рендер, как я могу изменить тест, чтобы он видел отрендеренный div post useEffect? ​​

EDIT: я пытался использовать act, но он все еще не работает 

import { act } from "react-dom/test-utils";
  import { mount } from "enzyme";
  act(() => {
      component = mount(<App />);
    });

1 Ответ

0 голосов
/ 24 апреля 2020

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

https://enzymejs.github.io/enzyme/docs/api/ReactWrapper/update.html

Так что ваш Тест будет выглядеть примерно так: 

test("test", () => {
    wrapper.update();
    expect(wrapper.find(".test").first().text()).toEqual("test");
});
...