たちはWebPACKの3で抽出するテキストプラグインを使用し、それは素晴らしい作品が、我々は最近、セレンで動作QAオートメーションエンジニアを雇っWebPACKのエキスプラグインに

Question

を使用しないスタイル/ wのCSSクラスをレンダリングします。

Seleniumで要素を選択するのは簡単ですが、フロントエンド側で行う方法について検討しています。それは、クラスをコンポーネント上でレンダリングするために使用しないCSSを記述することを伴います。プラグインが本質的に行うことの反対。

プラグインでこれを行う方法はありますか？また、あなたがSeleniumで働いていれば、提案にもオープンします。たぶんハックだって。

例：この行className={ [styles.option, styles[label]].join(' ') }で

{ vehicleOptions.map((option, index) => { 
    let [label, value] = option 
    if (label && value) { 
    return (
     <li 
     className={ [styles.option, styles[label]].join(' ') } 
     key={ `${ label }_${ index }` }> 
     <img 
      className={ styles.icon } 
      src={ `/images/icon-${ label }@2x.png` } 
      /> 
     <p className={ styles.value }> 
      { typeof value === 'number' 
      ? formatDistance(value, ',', 'mi') 
      : value 
      } 
     </p> 
     </li> 
    ) 
    } else { 
    return null 
    } 

それがCSSに対応しているため、一つだけマッピングされた項目のためのラベルは、クラスとしてのラベルを適用します。そうでなければ、Extract Textの仕組みに基づいていません。 QAエンジニアが特定の要素のためのHTMLを照会することが困難になるところ

です。

私はtestingモードを実行できると思っていましたが、テストのために物を異なる方法でレンダリングしています。実用に向かう現実のコードに対してテストの目的を敗北させます。これを行う

Answer 1

同様の経験は、一つのこと、私たちは、私たちのSeleniumテストでXPathセレクタを使用して、data-id="foo"を追加してやってしまいました。 $x('//*[@data-id="foo"]')