3. Jest

Jest 에서 사용할 수 있는 matchers(일치자) 학습

Jest는 다양한 matcher(일치자)를 사용하여 다양한 방식으로 값을 테스트할 수 있다.

tobe

값이 같은지 확인한다.

test('two plus two is four', () => {
  expect(2 + 2).toBe(4);
});

toEqual

toEqual 는 객체 또는 배열의 모든 필드를 재귀적으로 확인한다.

단, toEqual은 undefined 프로퍼티, 배열, 항목, 객체의 타입 불일치에 대한 객체의 키를 무시한다.

이러한 사항을 고려한다면 toStrictEqual 을 사용한다.

test('object assignment', () => {
  const data1 = { one: 1 };
  expect(data1).toEqual({ one: 1 });

  const data2 = { one: 123 };
  expect(data2).toEqual({ one: 123 }); // 통과가 된다.
  expect(data2).toStrictEqual({ one: '123' }); // 통과가 되지 않는다.
});

Truthiness 검증

때로는 테스트에서 undefined, null, false 를 구분해야 할 때도 있다. 이들을 명시적으로 표현할 수 있는 helper 일치자는 아래와 같다.

• toBeNull: null 값 확인

• toBeUndefined: undefined 확인

• toBeDefined: undefined 가 아닌 것을 확인

• toBeTruthy: if 문이 true로 취급하는 모든 것과 일치

• toBeFalsy: if 문이 false로 취급하는 모든 것과 일치

test('null', () => {
  const n = null;
  expect(n).toBeNull();
  expect(n).toBeDefined();
  expect(n).not.toBeUndefined();
  expect(n).not.toBeTruthy();
  expect(n).toBeFalsy();
});

Numbers 검증

test('two plus two', () => {
  const value = 2 + 2;
  expect(value).toBeGreaterThan(3);
  expect(value).toBeGreaterThanOrEqual(3.5);
  expect(value).toBeLessThan(5);
  expect(value).toBeLessThanOrEqual(4.5);

  // toBe and toEqual are equivalent for numbers
  expect(value).toBe(4);
  expect(value).toEqual(4);
});

그러나, 부동 소수점 같음의 경우에는 반올림 오류에 의존하지 않도록 toEqual을 대신하여 toBeCloseTo를 사용하는 것이 좋다.

test('adding floating point numbers', () => {
  const value = 0.1 + 0.2;
  expect(value).toBe(0.3);
  expect(value).toBeCloseTo(0.3); // This works.
});

String 값 검증

tobe 또는 toEqual 도 있지만, toMatch 를 사용하여 정규식에 대한 문자열을 확인할 수 있다.

test('there is no I in team', () => {
expect('team').not.toMatch(/I/);
});

test('but there is a "stop" in Christoph', () => {
expect('Christoph').toMatch(/stop/);
});

Arrays and iterables

배열이나 이터러블에 특정 항목이 포함되어 있는지 여부는 toContain을 사용하여 확인할 수 있다.

const shoppingList = [
  'diapers',
  'kleenex',
  'trash bags',
  'paper towels',
  'milk',
];

test('the shopping list has milk on it', () => {
  expect(shoppingList).toContain('milk');
  expect(new Set(shoppingList)).toContain('milk');
});

Exceptions

특정 함수가 호출될 때 에러가 발생하는지 테스트하려면 toThrow를 사용한다.

function compileAndroidCode() {
  throw new Error('you are using the wrong JDK!');
}

test('compiling android goes as expected', () => {
  expect(() => compileAndroidCode()).toThrow();
  expect(() => compileAndroidCode()).toThrow(Error);

  // You can also use a string that must be contained in the error message
  // or a regexp
  expect(() => compileAndroidCode()).toThrow('you are using the wrong JDK');
  expect(() => compileAndroidCode()).toThrow(/JDK/);

  // Or you can match an exact error message using a regexp like below

  // Test fails
  expect(() => compileAndroidCode()).toThrow(/^you are using the wrong JDK$/);

  // Test pass
  expect(() => compileAndroidCode()).toThrow(/^you are using the wrong JDK!$/);
});

비동기 테스트

resolves 와 rejects 를 활용하고, 테스트 함수에 async, await 를 붙여준다.

import fetchData from './try';

describe('fetchData', () => {
  const item = { id: 1, name: 'milk', price: 2000 };

  it('success1', () => {
    expect(fetchData('success')).resolves.toEqual(item);
  });

  it('success', async () => {
    const data = await fetchData('success');
    expect(data).toEqual(item);
  });

  it('error1', () => {
    expect(fetchData('error')).rejects.toBe('network error');
    expect(fetchData('error')).rejects.toMatch(/network error/);
    expect(fetchData('error')).rejects.toMatch(/^network error$/);
  });

  it('error2', async () => {
    try {
      await fetchData('error');
    } catch (error) {
      expect(error).toMatch(/^network error$/);
    }
  });
});

ING