时间戳

首页 > 解决方案 > 无法在酶测试中设置上下文

reactjs - 无法在酶测试中设置上下文

问题描述

我正在使用添加到在componentDidMount()生命周期方法中触发的上下文的方法。

我应该能够通过为 Enzyme 的shallow()方法提供一个选项来存根上下文，但这不会传递给我的组件。例如：

我的测试：

it('renders without crashing', () => {
  const context = { dispatch: jest.fn() };

  shallow(<MyComponent />, { context });
});

和我的组件：

import React, { Component } from 'react';
import { Consumer, Context } from '../../context';

class MyComponent extends Component {
  static contextType = Context;

  componentDidMount() {
    const { dispatch } = this.context; // dispatch is `undefined`

    dispatch({ type: 'BLAH', payload: 'blah' });
  }

  etc...

}

this.context是一个对象，但它没有属性 -dispatch始终未定义。

标签： reactjsjestjsenzyme

解决方案

不幸的是，还不enzyme支持。createContextcontextType

你可以在这里看到它的进展。

推荐阅读