2016-08-31 2 views
2

일부 효소 성분을 효소로 테스트 중이지만 테스트중인 "래퍼 성분"내부의 특정 성분을 찾을 수 없습니다.효소가 찾을 수 없습니다. 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; 

도도-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); 
    }); 
    }) 
}) 
+0

가져 오기에서 ''// ''은 (는) '..//path-to/todo.js';; –

+0

@HarkiratSaluja 네, 감사합니다. –

답변

2

나는 당신이 필요로하는 하위 구성 요소에 액세스하기 위해 생각 마운트를 사용하고 당신이 사용하는 것은 얕은 것이고 특별히 유닛 테스트를위한 것입니다