IT技术 - 无法测试显示样式的元素：无 - 吾爱随笔录

我正在尝试getByRole我有一个<li />，它是样式组件的子项。

样式组件默认为display: none，然后在min-width媒体查询下它设置为display: flex。

不带但不带它运行getByRole('listitem')可以工作display: none，这表明它styled-components告诉 DOM 因为它被设置为display: none它不存在。

尽管调试 HTML 输出实际上显示了<li />正在呈现的内容：

TestingLibraryElementError: Unable to find an accessible element with the role "listitem"

    Here are the accessible roles:

      document:

      Name "":
      <body />

      --------------------------------------------------

    <body>
      <div>
        <div>
          <ul
              class="sc-gzVnrw sc-VigVT kjwzNy"
            >
              <li><!-- bunch of stuff --></li>
          </ul>
        </div>
      </div>
    </body>

我曾尝试使用嘲笑媒体查询匹配jest-matchmedia-mock，但没有运气。

我根本不关心测试媒体查询或样式，所以有没有办法告诉样式组件在测试期间不应用样式？