スタイリッシュコンポーネント/ e2eテストに反応する：CSSセレクターを使用する最良の方法は何ですか？

スタイル付きコンポーネントはハッシュされたクラスを生成するため、nightwatch CSSセレクタを使用するのは難しいです。

.attributeContains（）アサーションを使用できるように、生成されたクラスに接頭辞を追加することはできますか？

もっと良い解決策がありますか？

2017-11-09 sebap

あなたは 'スタイル-components'を使用している場合、むしろclass''よりも別の属性で選択するために、一般的には良いかもしれ。 – bitstrider

Styled-Componentsには接頭辞付きの「sc-」というクラスがあり、スタイル付きコンポーネントに独自のclassNamesを.attrs()で追加するか、カスタムclassNameをclassNameでインスタンスに追加できます。

const Component = styled.div.attrs({ 
    className: 'PrefixedComponentClass', 
})` 
    color: pink; 
`;

または

<Component className={'PrefixedComponentInstanceClass'} />

2017-11-29 20:19:05 stephenway

答えて