酵素は、試験するときに特定の値を無視します。反応成分

Question

誰でも次の試験をjestで説明できますか？

StateIdText.jsx

import React, { Component, PropTypes } from 'react'; 

class StateIdTxt extends Component { 
    propTypes: { 
     x: PropTypes.number.isRequired, 
     y: PropTypes.number.isRequired, 
     stateId: PropTypes.number.isRequired 
    } 

    render() { 
     const {x, y, stateId} = this.props; 
     return (
       <text x={x} y={y} 
         textAnchor="end" 
         dominantBaseline="text-before-edge" 
         fontSize=".7em" fill="blue"> 
        {stateId} 
       </text> 
     ); 
    } 
} 

export default StateIdTxt; 

StateIdTxt.test.js

import React from 'react'; 
import {mount, render, shallow} from 'enzyme'; 

import StateIdTxt from './StateCoordTxt.jsx'; 

it('shallow <StateIdTxt />',() => { 
    const wrapper = shallow(<StateIdTxt x={1.5} y={2.1} stateId={99} />); 
    expect(wrapper.prop('x')).toEqual(1.5); 
    expect(wrapper.prop('y')).toEqual(2.1); 
    expect(wrapper.prop('stateId')).toBeUndefined(); 

    expect(wrapper.prop('textAnchor')).toBe('start'); // how come not end? 
    expect(wrapper.prop('dominantBaseline')).toBe('text-before-edge'); 
    expect(wrapper.prop('fontSize')).toBe('.7em'); 
    expect(wrapper.prop('fill')).toBe('blue'); 
}); 

なぜwrapper.prop('textAnchor')は、代わりに '終了' の、それが通過する、 'スタート' を期待していますか？私は実際には「終わり」を他のランダムなテキストに変更することができ、テストはまだ通ります。

Answer 1

あなたの記事で述べたファイル名によると、私はあなたがStateIdTxt.test.jsで輸入にタイプミスがあると思う：それは

import StateIdTxt from './StateIdTxt.jsx';