Использование библиотеки React-testing с 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 в контексте истории, но я не уверен, как это сделать.