Categories
JavaScriptJestReact
「React #2 Advent Calendar 2020」4日目の記事です。 @testing-library/react-hookを使うと、React Hookのユニットテストがかけます。 Install テスト対 […]
FrontendJestReact
Jest + enzymeのsnapshot testing便利ですよね。 ただ、設定によってはちゃんとスナップショットが取れていないケースがある様子です。 最近react-test-rendere中心だったのですが、久 […]
JavaScriptJestNode.jsTypeScript
PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 Install 使用するには、Jestのpresetなどと一緒にインストールが必要です。 Create […]
JavaScriptJestNode.jsPuppeteer
JestとPuppeteerでE2Eテストができるのは便利ですが、HTMLの差分検知したいだけの時などにスナップショットテストが欲しくなります。 ということでやってみました。 サンプルコード page.$().getPr […]
JavaScriptJest
「AかつBのとき、Cが出力される」みたいな複数の変数が出てくる関数ってよくありますよね。 あれをそのままテストコードにすると、だいたいこんな感じになります。 処理が複雑になってくると、組み合わせのパターンをできるだけ増や […]
Amazon AlexaJavaScriptJestNode.js
Lambdaをinvokeした時のテストですが、2019年8月時点でのデファクトはVirtual Alexaかなと思います。 ということで2018年は違うことを言っていた気もしますが、Virtual Alexaでテストす […]
JavaScriptJestNode.js
いい加減ちゃんと向き合わないと行けないときが来た気がしたので。非同期のモックテストをいろいろと試してみました。 axiosを使ったテスト HTTPリクエストでお世話になるaxiosで試します。 というシンプルなget関数 […]
JavaScriptJestNode.jsPuppeteerWordPress
WordPressのE2Eテスト用ライブラリができたらしいので、さっそく触ってみました。 Reusable packages to setup and run e2e tests have been built in t […]
TypeScript使うなら、テストもちゃんとやりたいよね。 インストール Jestの設定 package.jsonに以下の項目を追加します。 テスト対象コードの追加 テスト対象となるコードを書きます。 名前を入れると、 […]
長いタイトルですが、要はそういうことです。 経緯 create-react-appでReactアプリを作ろう Circle CIでユニットテストとかデプロイまわそう PuppeteerでE2Eのテストもできるらしい！ じ […]