freeCodeCamp/curriculum/challenges/japanese/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d824e367417b2b2512c58	Chai-HTTP を使用して API エンドポイントの機能テストを実行する	2	301593	run-functional-tests-on-api-endpoints-using-chai-http

--description--

注意点として、このプロジェクトは Replit の始動プロジェクト、または GitHub からクローンされたプロジェクトに基づいて構築されています。

Mocha では、chai-http というプラグインを使用して API エンドポイントへの呼び出しのような非同期操作をテストできます。

chai-http を使用して 'GET /hello?name=[name] => "hello [name]"' というスイートをテストする例を次に示します。

suite('GET /hello?name=[name] => "hello [name]"', function () {
  test('?name=John', function (done) {
    chai
      .request(server)
      .get('/hello?name=John')
      .end(function (err, res) {
        assert.equal(res.status, 200, 'Response status should be 200');
        assert.equal(res.text, 'hello John', 'Response should be "hello John"');
        done();
      });
  });
});

テストでは、サーバーへ GET リクエストを送信し、名前を URL クエリ文字列 (?name=John) として指定します。 end メソッドのコールバック関数では、レスポンスオブジェクト (res) を受信します。レスポンスオブジェクトには status プロパティが含まれています。

最初の assert.equal は、ステータスが 200 に等しいかどうかを確認します。 2 番目の assert.equal は、レスポンス文字列 (res.text) が "hello John" と等しいことを確認します。

また、テストのコールバック関数の done パラメーターに注意してください。 非同期操作が完了したことを示すために、この関数をテストの最後に引数なしで呼び出す必要があります。

--instructions--

tests/2_functional-tests.js 内で、'Test GET /hello with no name' テスト (// #1) を変更し、レスポンスの status と text をアサートしてテストに合格させてください。 アサートに渡された引数を変更しないでください。

URL クエリはなしとしてください。 名前の URL クエリがない場合、エンドポイントは hello Guest で応答します。

--hints--

すべてのテストに合格する必要があります。

(getUserInput) =>
  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
    (data) => {
      assert.equal(data.state, 'passed');
    },
    (xhr) => {
      throw new Error(xhr.responseText);
    }
  );

res.status == 200 をテストする必要があります。

(getUserInput) =>
  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
    (data) => {
      assert.equal(data.assertions[0].method, 'equal');
      assert.equal(data.assertions[0].args[0], 'res.status');
      assert.equal(data.assertions[0].args[1], '200');
    },
    (xhr) => {
      throw new Error(xhr.responseText);
    }
  );

res.text == 'hello Guest' をテストする必要があります。

(getUserInput) =>
  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
    (data) => {
      assert.equal(data.assertions[1].method, 'equal');
      assert.equal(data.assertions[1].args[0], 'res.text');
      assert.match(data.assertions[1].args[1], /('|")hello Guest\1/);
    },
    (xhr) => {
      throw new Error(xhr.responseText);
    }
  );

--solutions--

/**
  Backend challenges don't need solutions, 
  because they would need to be tested against a full working project. 
  Please check our contributing guidelines to learn more.
*/