Как проверить динамические заголовки страниц?

Question

Я использую реагирующий шлем и изменяю заголовок страницы документов в зависимости от некоторых условий.

Как я могу проверить это поведение с помощью response-testing-library ?

Я пробовал что-то вроде

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

Но в выводе отладки он просто показывает пустое значение.Кроме того, я не уверен на 100%, если это связано с библиотекой реакции-тестирования в целом или jsdom (я использую Jest для своих тестов).

Answer 1

Я бы не использовал react-testing-library для этого.

Я бы проверил это в тесте E2E, например, с Cypress .

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

Мнение:

Лучшая практика - проверять свои компоненты и чистую логику, используя модульные тесты и побочные эффекты, а также взаимодействие с пользователем, используя сквозные тесты.