javascript - Enzyme 找不到 React 组件

Question

我正在使用 enzyme 测试一些 React 组件，但我无法在我正在测试的“包装器组件”中找到特定组件。

我试过这样做 this link正在教学，但它不起作用。

这是我的代码:

Todo.js

import React, { PropTypes } from "react";
import TodoText from "./../containers/todo-text"

class Todo extends React.Component{
  (...)

  render(){

    return(
     <li className={todoClasses}>
      (...)
      <TodoText todoId={this.props.todoId} text={this.props.text} />
      (...)
     </li>
    );
  }

};

export default Todo;

Todo-test.js

import expect from 'expect';
import React from 'react';
import { shallow } from 'enzyme';
import Todo from '../path-to/todo.js';
import TodoText from '../path-to/todo-text.js';

function setup() {
  const props = {(...)};

  const enzymeWrapper =  shallow(<Todo {...props} />);

  return {
    props,
    enzymeWrapper
  }
}

describe('components', () => {
  describe('Todo', () => {
    it('should render self and subelements', () => {
      const { enzymeWrapper, props } = setup();

      (...)
      expect(enzymeWrapper.find(TodoText).length).toBe(1);
    });
  })
})

Answer 1

我认为为了访问您需要使用 mount 的子组件，您使用的是 Shallow，它专门用于单元测试