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
RGAでインフラエンジニアをしている加田です。 最近ある案件で、UI/UXチームと開発チームの取り持ちとして、UI/UXチームの要件が開発チームによる修正内容に正しく反映されているのかを確認するためのUIテストを行っています。 ひとまず手動でテストを行なってテスト結果をエクセルにまとめて提出したところ、Jestを用いて自動化できないかと持ちかけられたので、Jestを触った感触についてまとめてみることにしました。 Jestについて概要Jestの公式ページ ではJestを次のように説明しています。 Jest はシンプルさを重視した、快適な JavaScript テスティングフレームワークです。 出力やエラーが期待したものかを確認する単純なテストはもちろんのこと、スナップショットテストという、前回のテスト時からUIに予期せぬ変更が発生していないかを確認するテストも容易に行えるフレームワークとなっ
React Testing For Beginners Preview をみた後、 Unit Test vs Integration Test: What's the Difference? を読んで得た知見をまとめています。 今回は、下記のadd関数とtotal関数に対するテストコードを書いていきます。 export const add = (x, y) => x + y export const total = (shipping, subtotal) => { return '$' + add(shipping, subtotal) } The idea behind Unit Testing is to test each part of the program and show that the individual parts are correct. 個々の部分が正しいことを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く