unit-testing - Enzyme を使用して、クラスや ID を使用しない React コンポーネントをテストする

Question

renderコンポーネントの 1 つのメソッドに次のものがあります。

  return <Paper key={insight._id} style={styles[viewMode]}>
    {cardCover}

    <div style={styles[viewMode].content}>
      <div
        style={styles[viewMode].name}
        onTouchTap={_ => onClickInsight(insight._id)}
      >
        {insight.title}
      </div>
      [...]

className="something"Enzyme はセレクターを使用して動作するため、CSS クラスとしてまったく使用していない場合でも、div にput を使用するのが最善の方法のようです。それ以外の場合は、Material UI のコンポーネント内にいくつの div があるかを把握しPaper、非常に複雑なクエリを実行して X レベルを div に深く掘り下げ、テストしたいクリック可能な div に到達する必要があります。言うまでもなく、クリック可能な div を少し下または上に移動すると、技術的には div がまだレンダリングされていて、まだクリック可能であるにもかかわらず、テストが中断されます。

他に方法がなければ？