Jest と React Testing Library を用いた Integration Test｜CyberZ Developer
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
jestでDBありのテストを高速化する
課題link お手伝いしているシステムでNestJSを採用しているバックエンドのテストが遅いという課題があったので対処した。 前提link フレームワークDBテストランナーその他 テストの総数は700弱。 最終結果link 最終的には2段階の改修を経てローカルのテストが3倍速程度高速化した。 # before Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 total Snapshots: 0 total Time: 925.063 s Ran all test suites. Done in 926.48s. # ts-jestを@swc/jestに置き換えた Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript is not available.
