在StoryShots中使用反应测试库

Question

我正在开发一个React应用程序，其中我们使用StoryShots测试所有组件。我想在拍摄快照之前用react-testing-library用脚本编写与故事的交互。

This question声称要解释如何将两者一起使用，但是我对此没有成功。

我尝试将链接的问题中的配置包括在内，然后在测试中执行以下操作：

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")，但都没有用。通过执行screen.debug()，我就能看到DOM。

我了解我需要以某种方式将RTL中的render的渲染结果添加到Story上下文中，但是我不确定该怎么做。