如何测试动态页面标题？答案

【问题标题】：How to test dynamic page titles?如何测试动态页面标题？
【发布时间】：2019-09-05 17:59:59
【问题描述】：

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

我尝试了类似的东西

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

但它只是在调试输出中显示为空。此外，我不能 100% 确定这是否与一般的 react-testing-library 或 jsdom 相关（我正在使用 Jest 进行测试）。

【问题讨论】：

【解决方案1】：

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

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

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

自以为是：

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

【讨论】：