JavaScript

【課題】APIで取得したデータの形式をテストする【mocha】

どうも、つよぽんです!

今回は演習課題の紹介記事となります。

今回の課題は、「クイズAPIを使った非同期処理のテストの実装」を行います。

また、この課題で確認する知識は以下のとおりです。

確認する知識
  1. 非同期処理のテスト方法

今回の課題の完成形は以下の画像の通りです。(画像をクリックすると別タブで開きます。)

今回の課題の完成形今回の課題の完成形

今すぐ課題に取り組みたい方は以下の記事から課題ページにアクセスして、早速取り組んでいただけたらと思います。

あわせて読みたい
【エクササイズ】APIで取得したデータのデータ形式をテストする【mocha】今まで学習したmochaを使った非同期処理のテスト知識を定着させるための演習課題を用意しました。今回の課題では以前使ったaxiosを使ってAPI経由でデータを取得し、取得したデータの形式をテストするといったものです。今回の課題をクリアすることでAPIを使ったサービスのテストが作成できるようになります。...

この記事の想定読者は次のとおりです。

想定読者
  • 非同期処理のテストコードの書き方がわかっている方

現時点で上記の知識が身についていないとしても、今回の記事で上記内容を学習できる記事を紹介していくので問題ありません。

今回の課題をクリアするために参考になる記事は次のとおりです。忘れてしまっているものがあれば記事を読み返しふり返ってみましょう。

【Node.js】テストコードの書き方と実行方法【基本型】

非同期処理のテストコードを書き始める前に、テストコードの基本の型を理解している必要があります。

今回の場合は「mocha」を使ってテストコードを書くので、mochaが提供している「describe」「it」を使って、テストコードを実装していくことになります。

具体的なテストコードの書き方」は以下の記事でまとめています。

また、「具体的なテストコードの実行方法」も同じく以下の記事で説明しているので、詳しく知りたい方は以下の記事を参考にしていただけたらと思います。

あわせて読みたい
【Node.js】テストコードの書き方と実行方法【基本型】今回はmocha, power-assertを使った「テストコードの書き方」と「テストの実行方法」を解説します。mocha, power-assert以外にも様々なテストツールはありますが、基本的な書き方と実行方法はどのテストツールも同じなので、今回の内容を覚えれば別のテストツールもすぐ使えるようになるでしょう。...

【mocha】非同期処理のテストの書き方その1【コールバック関数】

mochaで非同期テストを実装する方法は大きく分けて次の2つの方法があります。

  1. コールバック関数を使う方法
  2. Promiseを使う方法

以下の記事では、「①コールバック関数を使う方法」の解説をしています。

あわせて読みたい
【mocha】非同期処理のテストの書き方その1【コールバック関数】今回は非同期処理のテストの書き方を解説します。今まで解説してきたテストコードは同期処理の関数をテストするものでした。しかし、JavaScriptでは非同期処理も多く出てきます。非同期処理のテストを書くには2通りあり、今回はその内の1つである「コールバック関数」を使った方法を解説します。...

【mocha】非同期処理のテストの書き方その2【Promise】

前の章では「①コールバック関数を使う方法」の解説記事を紹介しました。

こちらでは、もう1つの非同期テストの実装方法である「②Promiseを使う方法」の解説記事を紹介します。

Promiseを使う非同期テストの方法は以下の記事で解説しているので、そちらを参考にしていただけたらと思います。

あわせて読みたい
【mocha】非同期処理のテストの書き方その2【Promise】今回は前回に引き続きもう1つの非同期処理のテストの書き方を解説します。前回解説したのは「コールバック関数」を使って非同期処理の機能をテストする方法でした。今回紹介するもう1つの方法は「Promise」を使う方法となります。...

まとめ

あらためて、今回の課題をクリアするために必要な知識を解説した記事を以下にまとめておきます。

上にまとめた記事内容をふりかえり、今回の演習課題で取り組む知識の定着のためにも、ぜひチャレンジしましょう!^^

今回の課題で定着させたい知識
  1. 非同期処理のテスト方法

頭では理解してても実際に手を動かしてみて手が進まないところがあれば、それは理解が不十分だということを意味します。

練習問題をやっててわからないところ、質問したいところがあればお気軽に以下からご連絡いただけたらと思います^^

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...

それでは、課題頑張ってください!

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です