Использование библиотеки react-testing-library с StoryShots

Question

Я работаю над приложением React, где мы тестируем все наши компоненты с помощью StoryShots . Я хочу написать сценарий взаимодействия с моими историями с помощью react-testing-library, прежде чем делать снимки.

Этот вопрос утверждает, что объясняет, как использовать их вместе, но у меня нет успеха с этим .

Я попытался включить конфигурацию из вопроса, на который я указал, а затем в моем тесте сделал следующее:

import React from "react"

export default {title: "My component"}

export const myStory = () => {
  return <div>Content</div>
}

Как мне здесь использовать запросы из RTL? Я пробовал getByText(document.getElementById("root"), "Content") и getByText(document.activeElement, "Content"), но ни один из них не работает. Я могу увидеть DOM, выполнив screen.debug().

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