Jest

[Jest] 비동기함수 테스트 하기

2024-04-03

이 글은 코딩앙마님의 Jest 강의를 보고 정리한 글입니다.

💡 테스트 코드에 사용한 메서드

/*
- getName(callback함수)
- getAgeResolves(Promise resolve값을 반환)
- getAgeRejects(Promise reject값을 반환)
*/

const fn = {
  getName: (callback) => {
    const name = "Mike";
    setTimeout(() => {
      callback(name);
    }, 3000);
  },
  getAgeResolves: () => {
    const age = 30;
    return new Promise((res, rej) => {
      setTimeout(() => {
        res(age);
      }, 3000);
    });
  },
  getAgeRejects: () => {
    return new Promise((res, rej) => {
      setTimeout(() => {
        rej("error");
      }, 3000);
    });
  },
};

module.exports = fn;

💡 Callback 함수

//callback 함수 테스트 - 비동기 코드를 기다리게 하기위해 done 키워드를 사용.
test("3초 후 받아온 이름이 Mike", (done) => {
  function getNameCallback(name) {
    try {
      expect(name).toBe("Mike");
      done();
    } catch (error) {
      done();
    }
  }

  fn.getName(getNameCallback);
});

💡 Promise

// Promise를 반환하는 함수의 경우 1 - done 사용없이 return을 사용
test("3초 후 받아온 나이는 30", () => {
  return fn.getAgeResolves().then((age) => {
    expect(age).toBe(30);
  });
});

//Promise를 반환하는 함수의 경우 2 - Matcher(resolves,rejects)를 사용

//resolves
test("3초 후 받아온 데이터는 성공값 30", () => {
  return expect(fn.getAgeResolves()).resolves.toBe(30);
});
//rejects
test("3초 후 받아온 데이터는 에러", () => {
  return expect(fn.getAgeRejects()).rejects.toMatch("error");
});

💡 Async/Await

//Promise를 반환하는 함수의 경우 3 - Async Await 방식
test("3초 후 받아온 데이터는 성공값 30 async await", async () => {
  const age = await fn.getAgeResolves();
  return expect(age).toBe(30);
});

//Promise를 반환하는 함수의 경우 4 - Async Await 축약형
test("3초 후 받아온 데이터는 성공값 30 async await 축약", async () => {
  await expect(fn.getAgeResolves()).resolves.toBe(30);
});

📢 용어 정리

Callback 함수

Callback 함수는 다른 함수의 인자로 전달되어 특정 작업이 완료되었을 때 호출되는 함수
비동기 작업에서 주로 사용. 예를 들어, 파일을 읽거나 네트워크 요청을 보내는 작업을 수행할 때 사용.

Promise

Promise는 비동기 작업의 성공 또는 실패와 같은 결과를 나타내는 객체
성공적으로 작업이 완료되면(resolve), 데이터가 전달되며, 실패했을 때(reject)는 에러를 전달
then(), catch() 메서드를 사용하여 성공 또는 실패 시의 처리를 구현 합니다.

async/await

async/await는 Promise를 기반으로 한 비동기 코드를 더 읽기 쉽고 동기식 코드처럼 작성할 수 있게 해주는 문법
async 함수는 항상 Promise를 반환하며, await 키워드는 Promise가 처리될 때까지 기다린후 다음 코드를 실행

참고

코딩앙마 jest 비동기코드 강의