如何测试动态页面标题？

Question

我正在使用react-helmet并根据某些条件更改文档页面标题。

如何使用react-testing-library测试该行为？

我尝试过类似的

const { debug } = render(<TitleChangingComponent title="Test" />, {
    container: document.head,
});
debug();

但是它只显示调试输出为空。另外，我不确定100％是否与一般或jsdom的react-testing-library有关（我在测试中使用Jest）。

Answer 1

我不会为此使用react-testing-library。

我会在端到端测试中对此进行测试，例如与Cypress。

cy.title().should('eq', '<your-title>')

有意见：

best practice是使用单元测试和副作用来测试组件和纯逻辑，以及使用端到端测试来进行用户交互。