<p>_<code>ItemLength = 1</code>_の場合、<code>render</code>が<code>null</code>を返すコンポーネントをテストしています。</p><p><code>const { container, debug } = render(<MyComp ItemLength={1} />);</code></p><p>テストで<code>debug()</code>を呼び出すと、_<code><div /></code>_が表示されます。テストでコンポーネントが空のdivを返していることを確認するにはどうすればよいですか？</p>

<p>空のdivをテストしようとしているので、それをテストしようとする1つの方法は、ノードを照合することです（別の可能な解決策は、レンダリングされるノードの数です）</p><pre><code>getByText(container, (content, element) => element.tagName.toLowerCase() === 'div') </code></pre>

Reactテストライブラリ-空のdivの存在を確認します

_ItemLength = 1_の場合、renderがnullを返すコンポーネントをテストしています。

const { container, debug } = render(<MyComp ItemLength={1} />);

テストでdebug()を呼び出すと、_<div />_が表示されます。テストでコンポーネントが空のdivを返していることを確認するにはどうすればよいですか？

reactjsreact-testing-library

2019/05/22ZeroDarkThirty

空のdivをテストしようとしているので、それをテストしようとする1つの方法は、ノードを照合することです（別の可能な解決策は、レンダリングされるノードの数です）

getByText(container, (content, element) => element.tagName.toLowerCase() === 'div')

2019/05/23Rikin