技術とかの雑なToday I Learnedメモ

テスト初心者すぎる2、react-shareのIssueにコメント雑に書いた

テスト初心者すぎる 2、react-share の Issue にコメント雑に書いた

テスト初心者すぎる 2

1/26でテストのこと書いたけど、まだ知らんことたくさんあるので知ったら書いていく。

afterAlldescribeブロックの最後に処理を行うようにしたんだけど、その処理がうまくいかなかった。

原因を考えてて Jest のドキュメント読んでたら ↓ を見つけた。

セットアップと破棄 · Jest

Jest は、テストファイル内のすべての describe ハンドラを、実際のすべてのテストを実行する前に実行します。

これを知らなかった。

つまり、まずdescribeの中を順番に実行して、そのあとにbeforeAll、あとはtestごとにbeforeEachafterEachを繰り返して、最後に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 のこと全然知らなかったのでよかった。