при тестировании компонента с помощью Chai отображается ошибка Не удается прочитать свойство ‘indexOf’ неопределенного, как ее решить?

#reactjs #testing #mocha.js #chai

#reactjs #тестирование #mocha.js #chai

Вопрос:

Я новичок в react, а также в тестировании в react, поэтому, пока я пытаюсь написать простой тест, чтобы проверить, отображается ли компонент с помощью expect(container.length).to.equal(1) .
Но я получаю сообщение об ошибке:

Ошибка типа: не удается прочитать свойство ‘indexOf’ неопределенного.

 describe('local test', () => {
    it('should render', () => {
        let container = shallow( < App / > )
        expect(container.length).to.equal(1)
    })
})
 

Этот код для моего App.js

 class App extends Component {
  render(){
    return (
      <div className ="grid-container">
        <header>
          <a href="/">React Shopping Cart</a>
        </header>
        <main>
          <div className="content">
            <div className="main">
              <Filter />
              <Product></Product>
            </div>
          </div>
        </main>   
      </div>
     )
  }
}


 

Комментарии:

1. Где indexOf в вашем коде?

2. да, indexOf отсутствует, но когда я запускаю тестовые примеры, он выдает мне не удается прочитать свойство ‘indexOf’ неопределенного, я думаю, проблема с контейнером. длина

3. Не удается воспроизвести его. Можете ли вы удалить Filter компоненты Product and и повторить попытку?