мой компонент реакции работает правильно, но тест шутки не проходит - PullRequest
Новая
       10

мой компонент реакции работает правильно, но тест шутки не проходит

2 голосов
/ 05 апреля 2020

У меня есть этот простой компонент реагирования, и он корректно отображается в браузере, но когда я написал простой тест, он потерпел неудачу, зная, что я провел тестирование propTypes, и он прошел успешно, я сделал тест моментального снимка, и полученный снимок был правильным один 

class Song extends Component{

constructor(props){
    super(props);
    this.state={
        hover : false,
        track:this.props.track,
        albumName:'',
        playing:false,
        displayDropdown:false,
        saved:false,
        queued:false,
        clicked:false
    };
}

render(){
    return(
            <button 
                data-testId='song' 
                className="song row" 
                id='song' 
                onMouseEnter={this.hover} 
                onMouseLeave={this.notHover}>
             </button>

    );
}

}

код тестирования: 

    import React from 'React'
    import Song from './song'
    import {shallow, configure} from 'enzyme'
    import Adapter from 'enzyme-adapter-react-16';
    import renderer from 'react-test-renderer';
    import checkPropTypes from 'check-prop-types'
    configure({adapter: new Adapter()});
    it('renders the song component', ()=>{
    const song = shallow(<Song {...fullProps}/>);
    const songComp = song.find(`[data-testid="song"]`)
    expect(songComp.length).toBe(1);  
  })

Ожидается результат теста: 1 получено: 0

1 Ответ

2 голосов
/ 05 апреля 2020

вы должны сделать это Id не id, поэтому ваш тестовый код будет 

  import React from 'React'
    import Song from './song'
    import {shallow, configure} from 'enzyme'
    import Adapter from 'enzyme-adapter-react-16';
    import renderer from 'react-test-renderer';
    import checkPropTypes from 'check-prop-types'
    configure({adapter: new Adapter()});
    it('renders the song component', ()=>{
    const song = shallow(<Song {...fullProps}/>);
    const songComp = song.find(`[data-testId="song"]`)
    expect(songComp.length).toBe(1);  
  })
...