reactjs——nextJS+chakra UI项目的单元测试

我正在做一个NextJS+chakra UI项目，到目前为止，我找不到任何关于如何获取jest and react测试库以了解chakra UI呈现组件的方式的信息。我的测试不断抛出如下错误：

TypeError: Cannot use 'in' operator to search for 'colors.green.200' in undefined

       6 | describe("Nav-bar testing", () => {
       7 |   it("should render NavBar correctly", () => {
    >  8 |     render();
         |           ^
       9 |     const button = screen.getByText("Login");
      10 |     expect(button).toBeInTheDocument();
      11 |   });

当我在没有组件的情况下创建react jsx元素时，chakra会提供正确执行的测试。有没有资料可以解释在这种情况下如何设置？