Jest と React Testing Library を用いた Integration Test｜CyberZ Developer
CyberZのWebフロントチームでエンジニアをしている山﨑です。CyberZでは、新たな技術の導入を積極的に行なっており、その中で Jest と React Testing Library を使用した Integration Test の実装を行なったため、その実装例をご紹介したいと思います。 使用技術 React, Next.js, Jest, React Testing Library 結合テスト（Integration Test）とはまず、簡単に結合テスト（Integration Test）の説明をしたいと思います。React Testing Library の著者の方は、結合テストとは「複数のユニットが調和して動作することを検証する」と以下の記事で述べられています。 Static vs Unit vs Integration vs E2E Testing for Frontend
Jestを用いたReactアプリのテスト自動化｜SHIFT Group 技術ブログ
RGAでインフラエンジニアをしている加田です。 最近ある案件で、UI/UXチームと開発チームの取り持ちとして、UI/UXチームの要件が開発チームによる修正内容に正しく反映されているのかを確認するためのUIテストを行っています。 ひとまず手動でテストを行なってテスト結果をエクセルにまとめて提出したところ、Jestを用いて自動化できないかと持ちかけられたので、Jestを触った感触についてまとめてみることにしました。 Jestについて概要Jestの公式ページ ではJestを次のように説明しています。 Jest はシンプルさを重視した、快適な JavaScript テスティングフレームワークです。 出力やエラーが期待したものかを確認する単純なテストはもちろんのこと、スナップショットテストという、前回のテスト時からUIに予期せぬ変更が発生していないかを確認するテストも容易に行えるフレームワークとなっ
Jestではじめるテスト入門 - PEAKS
ページ数： 350ページ 電子版フォーマット： PDF 製本版： B5変形・モノクロ 発売日： 2023年3月24日 テスト未経験から中上級者へのガイドライン この本の序文を読む Jest はオールインワンのテストフレームワークです。JavaScript では、以前はテスト環境をセットアップするために、テストランナー、アサーションライブラリ、モックライブラリといくつかのライブラリを組み合わせる必要がありました。しかし、Jest は最初から単体テストを実行するために必要な機能がすべて含まれているため、Jest をインストールするだけでテストを書き始めることができます。 最近では、Node.js にもv18 からテストランナーやアサーションがビルトインの機能として追加されたり、Vitest という新しいテストフレームワークも誕生していたりします。しかし、Jest は既に機能が安定しており、情報
React/Jestでのユニットテストに少し慣れてきたら役に立つtips
スペースマーケット所属の711fumiです。 北欧へのあこがれが高まっています☃️ ReactでのWebアプリケーション開発をはじめる中で、ユニットテストを書き始めたときに知って役立ったtipsをまとめてみました。 テスト環境 テスティングフレームワークはJest、UIテストのためにTesting Libraryを使用しています typescript@4.9.4 React@18.2.0 jest@28.1.0 @testing-library/react@13.3.0 ①アサーション 特定の要素内に絞って要素検索を行う - within getBy、findByなどで「要素A内にある要素Bを取得する」場合にwithinを使って要素Aを指定することができます。 const formElement = screen.getByRole('form') expect( within(formE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
