{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/1","result":{"data":{"markdownRemark":{"id":"ea8a48aa-236d-5b82-9109-31a36424bf86","html":"

회사의 기술 스택이 Django, Jquery, Angular 에서 Node, Graphql, React 로 바뀌고 있다.

\n

리팩토링이 한 단계씩 진행되고 있는데, 이번에 처음으로 테스트 코드 작성에 참여했다.

\n

Jest

\n

테스트 코드 작성을 용이하게 도와주는 자바스크립트용 프레임워크다.

\n
\n

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

\n
\n

공식 홈페이지 : https://jestjs.io/

\n

사용했던 코드를 간단히 살펴보면

\n
describe('ExamService', () => {\n  let user: User = null\n\n  beforeAll(async () => {\n    user = await createUser()\n  })\n\n  describe('getExam', () => {\n    test('returns Exam instance', async () => {\n      const { contentService, examService } = createServices(sequelize, user)\n\n      const company = await createCompany()\n      const exam = await createExamModel(contentService, company)\n\n      const result = await examService.getExam(exam.id)\n      expect(result).toMatchObject({ id: exam.id })\n    })\n  })\n})
\n\n

위 기본적인 함수들만 잘 활용하여도 테스트 코드를 용이하게 짤 수 있었다.

\n

BUT,

\n

에러를 잡는 test 코드는 약간의 애를 먹었다.

\n
describe('buildWhereOptionsFromFiltersForExamQuestion', () => {\n  test('throw when examID is invalid', async () => {\n    expect.assertions(1)\n    const userModel = await createSuperUser()\n    const { examService } = createServices(sequelize, userModel)\n    try {\n      await examService.buildWhereOptionsFromFiltersForExamQuestion({ examID: -1 })\n    } catch (error) {\n      expect(error).toEqual(new UserInputError('invalid examID'))\n    }\n  })\n})
\n

jest 공식문서를 뒤져서 에러를 잡을 수 있는 방법 두 가지를 찾았다.

\n
    \n
  1. \n

    .toThrow(error?) 함수

    \n
    \n

    https://jestjs.io/docs/en/expect#tothrowerror

    \n
    \n
    2. \n
  2. \n

    try/catch 혹은 .rejects 함수를 활용한 error handling

    \n
    \n

    https://jestjs.io/docs/en/tutorial-async#error-handling

    \n
    \n
    3. \n
\n

두 가지 방법 모두 시도해본 결과,\n무슨 이유인지 정확히 파악하지 못했지만 첫 번째 방법이 작동하지 않아 두 번째 방법으로 해결했다.

\n

당면했던 문제들

\n

1. SequelizeUniqueConstraintError: Validation error

\n

이 문제는 Jest와 관련된 문제는 아니였다.\nmigration 파일에 정의된 unique한 컬럼이 있었는데, 테스트 코드 중 이 유니크한 컬럼 값으로 다른 row에 이미 할당된 값을 주어 발생한 에러였다.

\n
  content_id: {\n    type: DataTypes.INTEGER,\n    unique: true,\n    allowNull: false,\n  },
\n

Django 에선 models.py 에 정의된 바에 따라 migration 파일이 생성되었다 보니,\nmigration 파일을 따로 살펴볼 필요없이 작업하고 있는 해당 모델의 models.py 만 살펴봤었다.

\n

때문에 이번 작업시에도 모델이 정의된 파일만 살펴보며 작업하다가 발생한 문제였다.

\n

node 에선 아직 정확히는 모르겠지만, models 디렉토리에 정의해 둔 모델 정보와\nmigrations 디렉토리에 정의된 migration 정보가 일치하지 않을 수 있다.\n그 이유는 python manage.py makemigrations 명령어로 migration 파일을 자동 생성하는 Django와 달리 node의 이 migration 파일은 다른 팀원이 직접 만든 코드라고 한다.

\n

앞으로 작업 시, migration 파일에 정의된 테이블 정보도 함께 보며 작업해야 함을 배웠다.

\n

2. Jest encountered an unexpected token

\n
\n

Here’s what you can do:

\n\n
\n
\n

You’ll find more details and examples of these config options in the docs: https://jestjs.io/docs/en/configuration.html

\n
\n

위와 같이 안내된 에러 로그를 보고, jest 관련 설정 문제라고 판단했다.

\n

jest 공식 문서를 보고 처음부터 설정을 다시 해봤지만.. 실패..\nJest encountered an unexpected token 에러에 대한 구글링으로 jest.config.js 수정 및 관련 세팅 변경의 반복.. 거듭되는 실패..

\n

이 에러는 사실 로컬 환경에서는 발생하지 않았다.\nGithub에 PR을 보내면 자동으로 실행되는 Node CI 에서 발생했다.\n우리는 Node CI로 node 10 버젼과 12 버젼의 빌드 테스트를 하고 있다.

\n

\n \n