jestjs - 从正在测试的组件外部访问 Context API

Question

我正在使用 Jest 和 React-testing-library 来测试 React 组件。我已经使用 Context API Provider 渲染了一个组件，因此该组件可以访问 Context。不幸的是，我不知道如何从渲染组件外部访问它。在这种情况下，上下文中有一个 isUserLogged 属性，具体取决于组件的更改。但我不知道如何改变这个属性(property)的值(value)。我该如何处理这个案子？如果需要模拟 Context API，我该怎么做？

在附加的代码中，我尝试使用 useContext Hook 访问上下文。该错误表明我无法在 React 组件之外使用钩子(Hook)。而且，显然，我正在尝试访问上下文提供程序之外的上下文，因此无论如何它都无法工作。

import { Provider, Context } from '../../context';

test('Star is not clickable for a non-registered user', () => {
  const { getByTestId } = render(<Provider><Star /></Provider>);
  const isUserLogged = useContext(Context).isUserLogged; // Error.
});

Answer 1

您只需渲染您的 Provider 并传递 value 属性即可。这就是您在应用程序中执行此操作的方式。

const isUserLogged = true
render(<Provider value={{ isUserLogged }}><Star /></Provider>)