Category: Jest

@testing-library/react-hookとJestでReact Hookをテストする

「React #2 Advent Calendar 2020」4日目の記事です。 @testing-library/react-hookを使うと、React Hookのユニットテストがかけます。 Install テスト対 […]

enzymeのsnapshotがShallowWrapper {}になってたときに見る覚書

Jest + enzymeのsnapshot testing便利ですよね。 ただ、設定によってはちゃんとスナップショットが取れていないケースがある様子です。 最近react-test-rendere中心だったのですが、久 […]

PlaywrightとJest + TypeScriptでE2Eテスト

PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 目次 InstallCreate filese2e/jest-playwright.confg.jse2 […]

Jest + Puppeteerでスナップショットテスト

JestとPuppeteerでE2Eテストができるのは便利ですが、HTMLの差分検知したいだけの時などにスナップショットテストが欲しくなります。 ということでやってみました。 サンプルコード page.$().getPr […]

Jestのdescribe.eachとit.eachで非同期のテストを大量に実行する

「AかつBのとき、Cが出力される」みたいな複数の変数が出てくる関数ってよくありますよね。 あれをそのままテストコードにすると、だいたいこんな感じになります。 処理が複雑になってくると、組み合わせのパターンをできるだけ増や […]

Jest + Virtual AlexaでAlexaスキルのローカルテスト

Lambdaをinvokeした時のテストですが、2019年8月時点でのデファクトはVirtual Alexaかなと思います。 ということで2018年は違うことを言っていた気もしますが、Virtual Alexaでテストす […]

Jest + TypeSciptでaxiosを利用したコードのテスト

いい加減ちゃんと向き合わないと行けないときが来た気がしたので。非同期のモックテストをいろいろと試してみました。 目次 axiosを使ったテストjest.mockでaxiosをmockするjest.fnでaxios.get […]

@wordpress/e2e-test-utilsを触ってみる

WordPressのE2Eテスト用ライブラリができたらしいので、さっそく触ってみました。 Reusable packages to setup and run e2e tests have been built in t […]

JestでTypeScriptのテスト

TypeScript使うなら、テストもちゃんとやりたいよね。 目次 インストールJestの設定テスト対象コードの追加テストコードの追加おわりに インストール Jestの設定 package.jsonに以下の項目を追加しま […]

create-react-appで作ったReactプロジェクトにPuppeteerでE2Eテストを追加してCircle CIでまわす

長いタイトルですが、要はそういうことです。 目次 経緯準備実装テストコードの作成__tests__/test.spec.jsテスト実行ファイルの作成__tests__/jest.config.jse2e.shpackag […]