ember-mirage-gen 소개

저는 ember 개발자로서 테스트 케이스를 작성하면서 항상 좌절했습니다. 샘플 응답과 샘플 요청을 복사해야 하기 때문입니다. 특히 공장에서는 가짜 데이터 때문에 좌절하게 될 것입니다. 그래서 우리는 무엇을 해야 합니까? 🤔
이 요구 사항을 해결하기 위해 ember-mirage-gen의 ember 애드온을 만들었습니다.
아래 이미지와 같이 요청이 나열됩니다.

특정 요청을 클릭하면 세 개의 섹션을 가질 수 있습니다.
1. 구성 파일 - 시작된 요청에 대한 응답
2. DB 섹션 - 공장 및 비품
3. 테스트 파일 - 공장 및 설비 생성

위의 세 섹션은 편집할 수 있습니다. 따라서 원하는 대로 데이터를 변경할 수 있습니다.

여기에서 위의 이미지와 같이 개체 트리에서 특정 노드에 대한 데이터베이스 유형을 선택할 수 있습니다. 데이터베이스 옵션은

고정구

공장

정상(구성 파일 응답에 추가됨)

이제 Generate DB 버튼을 클릭하여 모의 데이터를 가져올 수 있습니다.

사용 방법?

답은 간단합니다. 다음 두 가지를 수행해야 합니다.

1. 템플릿 파일에서

  <MirageGen />

2. 구성 파일에서

let ENV = {
  'ember-mirage-gen': {
    isEnabled: environment === 'development',
  }
};

NPM 링크: https://www.npmjs.com/package/ember-mirage-gen
Github 링크: https://github.com/AlwarG/ember-mirage-gen

이 게시물을 읽어 주셔서 감사합니다 🙏. 나는 당신이 뭔가를 배웠기를 바랍니다. 무언가를 공유하고 싶다면 자유롭게 의견을 게시하세요.