unit-testing - Enzyme を使用して、コンポーネントがステートレスで機能する場合は、表示名でコンポーネントを検索します

Question

次のコンポーネントがあります。

// Hello.js
export default (React) => ({name}) => {
  return (
    <div>
      Hello {name ? name : 'Stranger'}!
    </div>
  )
}

// App.js
import createHello from './Hello'

export default (React) => () => {
  const Hello = createHello(React)
  const helloProps = {
    name: 'Jane'
  }
  return (
    <Hello { ...helloProps } />
  )
}

// index.js
import React from 'react'
import { render } from 'react-dom'
import createApp from './App'

const App = createApp(React)

render(
  <App />,
  document.getElementById('app')
)

Appそして、コンポーネントに 1 つのコンポーネントが含まれているかどうかを確認するテストをセットアップしたいと考えていHelloます。Tapeと を使用して、次のことを試しましたEnzyme。

import createApp from './App'
import React from 'react'
import test from 'tape'
import { shallow } from 'enzyme'

test('App component test', (assert) => {
  const App = createApp(React)
  const wrapper = shallow(<App />)
  assert.equal(wrapper.find('Hello').length === 1, true)
})

しかし、結果は、結果が に等しいと予想していたときに、結果のlengthプロパティがに等しいというものでした。では、どうすれば自分のコンポーネントを見つけることができますか?find01Hello