テスト初心者すぎる 2、react-share の Issue にコメント雑に書いた
テスト初心者すぎる 2
1/26でテストのこと書いたけど、まだ知らんことたくさんあるので知ったら書いていく。
afterAll
でdescribe
ブロックの最後に処理を行うようにしたんだけど、その処理がうまくいかなかった。
原因を考えてて Jest のドキュメント読んでたら ↓ を見つけた。
Jest は、テストファイル内のすべての describe ハンドラを、実際のすべてのテストを実行する前に実行します。
これを知らなかった。
つまり、まずdescribe
の中を順番に実行して、そのあとにbeforeAll
、あとはtest
ごとにbeforeEach
とafterEach
を繰り返して、最後にafterAll
を実行するみたいな感じらしい。
なので今回はbeforeAll
に入れてないせいでdescribe
の中のコードとして実行されたっぽいという感じだと思う。
初心者早く脱出してえな。
react-share の Issue にコメント雑に書いた
How to change Icon backgrou color · Issue #430 · nygardk/react-share
bgStyle
が効かん!みたいな Issue だったのでこうやればいいよ!みたいなことを調べて書いた。
たしかに README には、
customize background style, e.g. fill (object)
としか書いてないし分かりにくい気はする。
nygardk/react-share: Social media share buttons and share counts for React
これってどういう値を渡せるんだ?と思って調べた。
fill
は SVG のスタイル定義のプロパティらしい。
塗りつぶしとストローク - SVG: Scalable Vector Graphics | MDN
他にどういうのがいけるの?と思って SVG で使える CSS 調べたらこんな記事があった。
SVG の基本(使い方, 主な図形, CSS でスタイルづけ) - わくわく Bank
なるほど色々できそう。
SVG のこと全然知らなかったのでよかった。