idやclassを使ってテストを書くのは、もはやアンチパターンである - Qiita

2017/11/19 394 users Qiita React class jsx CSS

いきなり結論を書くと、 id や class はスタイルのためのものなので、テストでそれを使うのはやめましょう。そして、カスタムデータ属性を使いましょう。 先に断っておくと主にreactについての話で、JSXを前提とします。 はじめに ご存知の通り、ロジックとスタイルは別物です。 もしスタイルの変更のためにclass名を変えて、ロジックのテストが落ちるなんてことはあってはならないのです。 cssに... 続きを読む

HTML5 カスタムデータ属性「data-*」にJavaScript、jQueryからアクセスする方法 | Dress Cording

2013/01/30 206 users jQuery Data value Java CSS

HTML5では「data-*="value"」の形式で属性名にプライベートな値を設定できるカスタムデータ属性の仕様と、そのカスタムデータ属性にJavaScriptからアクセスするAPIが定義されました。 でも実はJavaScriptだけではなく、jQueryはもちろんCSSからでもアクセスすることができるのです。 それなら私も私だけの属性作ってみたい！ ということで、今回から3回の連載で、Java... 続きを読む