サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能
サーバ不要でバックエンドAPIのモックを実現する「Mock Service Worker 2.0」正式リリース。Fetch API、ストリームAPI対応など新機能 Webアプリケーションのクライアントを開発する際に、本来ならばサーバ上で稼働するWebアプリケーションのバックエンドのAPIを呼び出してデータを受け取って表示するといった動作を作り込みたいけれども、まだバックエンドのAPIも開発中であったり、何らかの理由でバックエンドを稼働させる環境を用意できなかったりすることは、しばしば起こりえます。 そうしたときにサーバを立てることなく、バックエンドのAPIをモックとして簡単に設定し提供してくれるソフトウェア「Mock Service Worker」の最新版「Mock Service Worker 2.0」が正式にリリースされました。 Announcing MSW 2.0! Migratio
がんばらないフロントエンドのテストを考える (UI-test 編) - hacomono TECH BLOG
こんにちは！開発チームの山中です！ hacomonoでは、ユーザサイト・管理者サイトのそれぞれを、Nuxt.js で開発しております。 私がジョインした時点では、どちらにもテストコードが実装されておらず、 私の最初のミッションは、これらの品質を担保するための仕組みづくりでした。 今回は、表題の通り、弊社でのフロントエンドのテストについて、どのように実施しているか、説明していきます。 情報量が多いので、今後シリーズ化していくと思います TL;DR 3行でまとめ Jestの仮想DOMを使用するテストは大変なのでやらず、関数入出力のテストのみを担保する。 テストケースをStorybookで作る 作ったStorybookを、Chromatic上でUI-Test / ビジュアルリグレッションテストする。 フロントエンドのテストが重い問題 さて、フロントエンドのテストというと、どうやっても以下の問題に
Comparison
Choosing the right tool for the job is crucial. We tried our best to provide a comprehensive and unbiased comparison between Mock Service Worker and other open-source API mocking libraries below. The purpose of this page is not to reason about what technology is better or worse. All the libraries listed here have a place to be, and grading them is not only subjective, but also disrespectful toward
JestでReactのテストをする(2) クリックイベントのテスト - 30歳からのプログラミング
前回の記事はこちら。 JestでReactのテストをする(1) 導入編 前回で、JestとReactの環境構築が終わった。 以降は、個人的に特に習得したいと思っている、イベントとDOMのテストに取り組む。 今回は、イベントのテストについて。 クリックイベントの挙動をテストする Reactでの開発に限らず、ウェブアプリケーションにおいては、ユーザーによるクリックをトリガーにしてイベントを起こす、というのが一般的だと思われる。 クリックによって何かが送信されたり、表示が切り替わったり。 そのため、クリックイベントの挙動を確認できないと、テストとしては不十分なものになってしまう。 Jestでは、enzymeというツールと組み合わせることで、Reactのコンポーネントにセットしたイベントを簡単にテストできる。 airbnb/enzyme: JavaScript Testing utilities
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
非同期リクエストを扱うコンポーネントのテスト：リクエストをインターセプト編
