초보자를 위한 VSCode에서 날씨 앱을 구축하는 방법(사후 응답 자동 테스트)

이전에 날씨 앱 백엔드를 함께 구축했는데 반환된 결과가 예상한 결과인지 어떻게 확인할 수 있나요? 작은 응답의 출력을 수동으로 확인하는 것은 쉽지만, 반환된 데이터가 크거나 한 줄씩 확인하기 어려운 경우 어떻게 해야 합니까?

오늘은 EchoAPI에서 사후 응답을 사용하여 테스트 프로세스를 자동화하는 방법에 대해 더 자세히 살펴보겠습니다. 이를 통해 API 응답이 기대와 일치하는지 자동으로 확인할 수 있어 시간과 노력이 절약됩니다.

EchoAPI로 테스트를 자동화하려면 사후 응답 기능을 사용하여 API 요청 후 자동으로 실행되는 스크립트를 작성하게 됩니다. 이러한 스크립트는 API 응답의 정확성을 확인하고 나중에 변경하더라도 애플리케이션이 예상대로 작동하는지 확인하는 데 도움이 됩니다.

EchoAPI를 사용하여 날씨 앱 테스트를 자동화하는 방법을 자세히 분석해 보겠습니다.

EchoAPI를 사용하여 테스트를 자동화하는 단계

VSCode에서 EchoAPI 설정

VSCode에 VS Code용 EchoAPI 확장이 설치되어 있는지 확인하세요. 일단 설치되면 EchoAPI 인터페이스 내에서 요청을 테스트하고 자동화할 수 있습니다. 무료 사용 가능!!!

GET 요청 만들기:

방법을 GET으로 설정하세요.

날씨 API를 테스트하려면 다음 URL을 사용하세요.

http://localhost:3000/weather?city=London

'보내기'를 클릭하여 요청이 제대로 작동하고 올바른 날씨 데이터를 반환하는지 확인하세요. Response에 다음과 같은 JSON 응답이 표시됩니다.

사후 응답 스크립트 추가

이제 날씨 API를 수동으로 테스트했으므로 자동 테스트를 추가하여 응답 데이터를 확인하겠습니다.

EchoAPI의 사후 응답 탭으로 이동하여 요청하세요.

JavaScript를 사용하여 사후 응답 스크립트를 추가하면 날씨 데이터를 자동으로 확인할 수 있습니다.

다음은 확인하는 간단한 포스트 스크립트 스크립트의 예입니다.

• 응답상태는 200(OK)입니다.
• 응답에는 온도 필드가 포함되어 있으며 '온도'가 숫자인지 확인하세요
• 응답에 Weather 필드가 포함되어 있고 'weather' 필드가 문자열
인지 확인하세요.
• 응답에 City 필드가 포함되어 있고 'city' 필드가 문자열인지 확인하세요.

http://localhost:3000/weather?city=London

테스트 실행

테스트 스크립트를 추가한 후 '보내기'를 다시 눌러 요청을 실행하고 자동으로 테스트 스크립트를 실행하세요.

그런 다음 오른쪽의 '테스트 결과'를 클릭하세요.

테스트 결과에는 검사 통과 또는 실패 여부가 표시됩니다.
모든 것이 통과되면 다음과 같은 내용이 표시됩니다.

더 많은 작업으로 사후 대응 자동화(선택 사항)

여러 응답 후 자동 테스트를 여러 번 수행하려는 경우 응답 후 섹션에서 추가 작업을 추가할 수 있습니다. 이를 통해 한 번에 모든 테스트를 동시에 실행할 수 있습니다.

우리의 경우에는 여러 도시에 대한 다양한 요청, 오류 시나리오를 추가하고 각 도시에 특정 테스트 스크립트를 첨부할 수 있습니다.

오류 확인

앱이 다양한 시나리오를 처리할 수 있도록 요청을 수정하고 오류 사례를 테스트할 수 있습니다.

예를 들어 잘못된 도시 이름으로 테스트하세요.

요청 URL을 잘못된 URL로 변경:

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

새 작업에서 이 사례를 처리하려면 테스트 스크립트를 추가하세요.

http://localhost:3000/weather?city=InvalidCity

이 테스트를 실행하면 EchoAPI는 API가 잘못된 입력에 대한 올바른 오류 메시지와 상태 코드로 응답하는지 자동으로 확인합니다.

다양한 시나리오 테스트

기존 테스트 외에도 반환된 데이터가 Big Apple인 뉴욕에 대한 것인지 확인해 보겠습니다. 새 작업을 만들고 이름을 "This is for ?"로 지정하겠습니다.

요청 URL을 뉴욕으로 변경:

http://localhost:3000/weather?city=London

사후 응답 섹션에 추가할 스크립트는 다음과 같습니다.

// Check if the response status is 200 (OK)

pm.test("Status code is 200", function () {
  pm.response.to.have.status(200);
});

// Check if the response has 'temperature', 'weather', and 'city' fields

pm.test("Response contains temperature, weather, and city", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData).to.have.property('temperature');
  pm.expect(jsonData).to.have.property('weather');
  pm.expect(jsonData).to.have.property('city');
});

// Ensure the 'temperature' is a number

pm.test("Temperature is a number", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.temperature).to.be.a('number');
});

// Ensure the 'weather' field is a string

pm.test("Weather is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.weather).to.be.a('string');
});

// Ensure the 'city' field is a string

pm.test("City is a string", function () {
  var jsonData = pm.response.json();
  pm.expect(jsonData.city).to.be.a('string');
});

이 스크립트를 추가한 후 '보내기'를 다시 클릭하세요. EchoAPI는 자동으로 모든 테스트를 실행하고 어떤 테스트가 통과했고 어떤 테스트가 실패했는지 보여줍니다.

결과는 다음과 같습니다.

여기에 있는 아이콘을 드래그하여 실행 순서를 조정하여 재정렬할 수 있습니다.

스위치를 전환하여 사후 응답 실행을 켜고 끌 수 있습니다.

EchoAPI로 테스트를 자동화하는 이유는 무엇입니까?

• 무료: 무료!!!
• 일관성: 시간이 지나도 API 응답이 일관되게 유지되도록 하세요.
• 빠른 검증: 매번 데이터를 수동으로 검토하지 않고도 API의 여러 측면을 자동으로 확인합니다.
• 오류 예방: 변경 사항을 배포하기 전에 오류나 회귀를 조기에 포착하세요.

EchoAPI로 테스트를 자동화하면 날씨 앱이 예상대로 작동할 수 있습니다. 안정적인 API를 유지하는 것이 이렇게 간단했던 적은 없었습니다.

행복한 코딩 ?.

위 내용은 초보자를 위한 VSCode에서 날씨 앱을 구축하는 방법(사후 응답 자동 테스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!