# Vitest の記事一覧
![[AWS CDK] スナップショットテストのシリアライザーで複数種類の置換処理を行う](https://devio2023-media.developers.io/wp-content/uploads/2023/08/aws-cdk.png)
[AWS CDK] スナップショットテストのシリアライザーで複数種類の置換処理を行う
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Hands-on guide to Vitest](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Hands-on guide to Vitest
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fcharu-srivastava.jpeg&w=256&q=75)
![Vite + Vitest の環境に husky を導入してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vite + Vitest の環境に husky を導入してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Foikawa-masaki.png&w=256&q=75)
![dynamodbのローカルサーバーを使ったテストでも並列実行を諦めない](https://devio2023-media.developers.io/wp-content/uploads/2022/08/amazon-dynamodb.png)
dynamodbのローカルサーバーを使ったテストでも並列実行を諦めない
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fyamatatsu.png&w=256&q=75)
![Vitest에서 같은 파일 내의 function의 mocking을 시험해 보았다.](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest에서 같은 파일 내의 function의 mocking을 시험해 보았다.
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkim-seungyeon.png&w=256&q=75)
![Vite + Vitest の環境を設定してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vite + Vitest の環境を設定してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Foikawa-masaki.png&w=256&q=75)
![[初心者向け]ちょっとパラメーターや結果が違うだけの似たようなテストを書く時に便利な機能と考え方](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
[初心者向け]ちょっとパラメーターや結果が違うだけの似たようなテストを書く時に便利な機能と考え方
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fbun913.png&w=256&q=75)
![Vitest で外部モジュール化したモックが動作しなかったので対処してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest で外部モジュール化したモックが動作しなかったので対処してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![破壊的メソッドを使用した処理を含む関数を Vitest でテストする際にハマった話](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
破壊的メソッドを使用した処理を含む関数を Vitest でテストする際にハマった話
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Vitest での vi.hoisted による巻き上げ処理対応を外部モジュール化してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest での vi.hoisted による巻き上げ処理対応を外部モジュール化してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Vitest で例外処理の巻き上げ対応をしてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest で例外処理の巻き上げ対応をしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Vitest で UUIDv4 のテストを行う(モックを使う場合/使わない場合)](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest で UUIDv4 のテストを行う(モックを使う場合/使わない場合)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Lambda(Node.js)で、VitestのIn-Source Testingをする構成](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Lambda(Node.js)で、VitestのIn-Source Testingをする構成
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ftakahashi-shunichi.png&w=256&q=75)
![AWS CDK のスナップショットテストを Vitest で実装してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
AWS CDK のスナップショットテストを Vitest で実装してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![testing library의 userEvent와 fireEvent는 무슨 차이점이 있을까?](https://devio2023-media.developers.io/wp-content/uploads/2023/10/testing-library.png)
testing library의 userEvent와 fireEvent는 무슨 차이점이 있을까?
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkim-seungyeon.png&w=256&q=75)
![Vitestで全ファイルに対してカバレッジを計測する](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitestで全ファイルに対してカバレッジを計測する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fdyoshikawa.png&w=256&q=75)
![Vitest でのテスト実行時に参照させたい環境変数の設定は globalSetup を利用すると便利](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest でのテスト実行時に参照させたい環境変数の設定は globalSetup を利用すると便利
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Vitest で globalSetup および globalTeardown を構成する](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest で globalSetup および globalTeardown を構成する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Vitest でテスト用の環境変数を設定する方法を確認してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Vitest でテスト用の環境変数を設定する方法を確認してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![TSConfig と vitest.config で、非相対モジュール名を解決するベースディレクトリを設定する](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
TSConfig と vitest.config で、非相対モジュール名を解決するベースディレクトリを設定する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Jest と Vitest で「関数内で呼び出される関数の戻り値をモックする」方法を比べてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
Jest と Vitest で「関数内で呼び出される関数の戻り値をモックする」方法を比べてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![TypeScriptとVitestでユニットテストしてみた!](https://devio2023-media.developers.io/wp-content/uploads/2023/05/unittest.jpg)
TypeScriptとVitestでユニットテストしてみた!
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Finaba-kanato.jpeg&w=256&q=75)
![msw で delay 使用時、Vitest においてテスト時の delay は 0 にする](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
msw で delay 使用時、Vitest においてテスト時の delay は 0 にする
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Ftakahashi-yuki.jpeg&w=256&q=75)
![Vitest公式のVSCodeプラグインがリリースされました](https://devio2023-media.developers.io/wp-content/uploads/2022/04/vitest-vscode-plugin.png)
Vitest公式のVSCodeプラグインがリリースされました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmorishige-hiroshi.png&w=256&q=75)
![Remixに新機能「Remix Stacks」が追加されました](https://devio2023-media.developers.io/wp-content/uploads/2021/11/eycatch.png)
Remixに新機能「Remix Stacks」が追加されました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmorishige-hiroshi.png&w=256&q=75)
![あたらしいテストフレームワークVitestをReactで試してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/01/eyecatch.png)
あたらしいテストフレームワークVitestをReactで試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fmorishige-hiroshi.png&w=256&q=75)