JavaScript 【React】E2Eテスト入門：Playwrightでブラウザ操作を自動化する
こんにちは、かつコーチです。前回は「コンポーネントのユニットテストを書く」というテーマで、個々のコンポーネントを切り離してテストする方法を解説しました。今回はテスト編の締めくくりとして、実際のブラウザを操作しながらアプリ全体の動きを検証する...
テスト
JavaScript JavaScript 【React】コンポーネントのユニットテストを書く
こんにちは、かつコーチです。前回は、React Testing Library（RTL）の基本的な使い方として、コンポーネントの描画結果を検証する方法を解説しました。今回はいよいよ、クリックや入力といったユーザー操作を伴うコンポーネントのユ...
JavaScript 【React】React Testing Library入門
こんにちは、かつコーチです。前回は、テストフレームワークJestの基本文法と環境構築を解説しました。sumのような単純な関数のテストはできるようになりましたが、Reactのコンポーネントは「画面に何が表示されるか」「ボタンを押したらどう変化...
JavaScript 【React】Jestの基本：Reactでテストを書く準備
こんにちは、かつコーチです。前回までは認証・セキュリティ編として、Protected RouteやXSS対策を扱ってきました。安全なアプリが作れるようになったら、次に意識したいのが「そのコードが本当に正しく動いているか」を保証する仕組みです...
Laravel 【Laravel】Laravelアプリを本番環境にデプロイする流れ
こんにちは、かつコーチです。前回は、GitHub Actionsでテストを自動化するCIの仕組みを解説しました。テストが安心して通せるようになったら、次はいよいよ「本番環境にアプリを届ける」というステップに進みます。ここから数回にわたって、...
Laravel 【Laravel】GitHub ActionsでLaravelのテストをCI連携する
こんにちは、かつコーチです。前回まで、FactoryとRefreshDatabaseを使ってテストデータを整える方法を解説してきました。ローカル環境で php artisan test を実行すれば、テストが通るかどうかは確認できます。です...
Laravel 【Laravel】FactoryとRefreshDatabaseでテストデータを整える
こんにちは、かつコーチです。前回はUnit Testで、DBに依存しない単体ロジックのテスト方法を解説しました。今回は、DBを使うテストを書くうえで欠かせない「Factory」と「RefreshDatabase」を解説します。これでテスト編...
Laravel 【Laravel】Unit Testでモデル・サービスクラスをテストする
こんにちは、かつコーチです。前回はFeature Testで、コントローラを含めた機能全体の動作を検証する方法を解説しました。今回は、モデルやサービスクラスといった「単体のロジック」を検証するUnit Testを解説します。Unit Tes...
Laravel 【Laravel】Feature Testでコントローラの動作をテストする
こんにちは、かつコーチです。前回はPHPUnitの基本と、テストの書き方の土台を解説しました。今回は、Laravel独自の仕組みであるFeature Testを使って、コントローラやルーティングを含めた「機能全体」をテストする方法を解説しま...
Laravel 【Laravel】PHPUnitの基本：Laravelでテストを書く準備
こんにちは、かつコーチです。前回はロール・権限管理の実装パターンを解説し、認証・セキュリティ編を締めくくりました。今回からは新章、「テスト」編に入ります。初回となる今回は、Laravelのテストの土台になっているPHPUnitの基本を扱いま...
PHP 【PHP】テスト
こんにちは、かつコーチです。プログラミングにおいて開発をしてすぐリリースとなるのではなく、開発したものが正しく動作するのかチェックする必要があります。そのために「テスト」というのは大変重要になってきます。PHPにおけるテストについての包括的...
JavaScript 【Next.js】Next.jsのテスト入門：Vitest + Playwrightで最低限を押さえる
こんにちは、かつコーチです。前回はmiddleware.tsを使って、ログイン必須ページをまとめて保護する実装をしました。認証まわりのロジックは特に、後から誰かが変更を加えたときに気づかず壊してしまいやすい部分です。今回はそうした事故を防ぐ...
JavaScript 【Vue】コンポーネントのユニットテスト実践
こんにちは、かつコーチです。前回は、Vue Test Utilsの基本的な使い方として、propsやイベントのテストを解説しました。テスト編の最後となる今回は、フォームやAPI通信を含む、もう少し実務に近いコンポーネントを題材にユニットテス...
JavaScript 【Vue】Vue Test Utilsでコンポーネントをテストする
こんにちは、かつコーチです。前回は、Vitestの基本と、純粋な関数に対するテストの書き方を解説しました。今回は、Vue公式のテストユーティリティであるVue Test Utilsを使って、Vueコンポーネントそのものをテストする方法を扱い...
Python 【Python】テストカバレッジを計測する方法（pytest-cov）
こんにちは、かつコーチです。テストを書き始めると、次に気になるのがこの疑問です。「自分のコード、どこまでテストできているんだろう？」感覚だけで「たぶん大丈夫」と判断してしまうと、テストしていない部分に潜むバグを見逃しがちです。この記事では、...
Python 【Python】モックを使ったテストの書き方（unittest.mock）
こんにちは、かつコーチです。外部APIを呼び出す処理のテストを書こうとして、こんな悩みに直面したことはありませんか。「テストのたびに本物のAPIを叩くと、料金がかかるし遅い」「ネットワークが切れているとテストが落ちる」この記事では、こうした...
Python 【Python】unittestとpytestの違い・使い分け
こんにちは、かつコーチです。Pythonでテストを書こうとすると、必ず出てくる疑問があります。「標準ライブラリのunittestと、外部ライブラリのpytest、どっちを使えばいいの？」ネット上のサンプルコードでも、両方の書き方が混在してい...
Python 【Python】pytestの基本：テストの書き方入門
こんにちは、かつコーチです。「関数を書いたら、動くかどうか毎回print()で確認している」そんな方は多いのではないでしょうか。print()での確認は手軽ですが、確認項目が増えるほど見落としが増えます。この記事では、Pythonで最も使わ...
JavaScript 【Nuxt.js】Vitestでコンポーネントをテストする入門
こんにちは、かつコーチです。コンポーネントを作るたびに、ブラウザで手動確認していませんか。画面が増えてくると、修正のたびに全ページを目視確認するのは現実的ではなくなります。そこで今回は、Nuxtの公式テストツールである@nuxt/test-...
JavaScript 【Vue】Vitestの基本：Vueでテストを書く準備
こんにちは、かつコーチです。前回は、VueアプリのXSS対策について解説しました。認証・セキュリティ編はここで一区切りとなり、今回からは「テスト編」に入ります。まずはVueプロジェクトで定番のテストランナーであるVitestの基本を押さえて...