Protractor: Angular 2 애플리케이션에 모의 모듈 추가 지원

@juliemr Angular 2에 대해 mock을 지원할 계획입니까? 그렇다면 언제? 하이브리드 모드를 사용하면 그 동안에도 mock이 계속 작동합니까?

@jlin412 네, 결국에는 조사가 필요하지만 aot와 non-aot 모두에서 어떻게 작동하는지 조사하고 신중하게 생각해야 합니다. 하이브리드를 사용하는 경우 ng1 비트에 대해 계속 작동합니다.

다른 모든 사용자 - +1 문제에 대해 github의 이모티콘 응답을 사용하세요. 주석을 추가하면 실제 진행 상황을 구문 분석하기 어렵습니다. 읽을 수 있도록 이러한 주석을 제거하겠습니다. 감사 해요!

@juliemr Angular 2에 대한 모의 구현에 대한 ETA가 있습니까?
또한 그 동안 사용할 수 있는 대안이 있습니까?

발신: http://stackoverflow.com/questions/36354233/protractor-mocking-backend-with-angular2-on-api-request.

http-backend-proxy 및 httpbackend 패키지도 마찬가지입니다.

그래서 docker-compose를 사용하여 E2E 테스트 환경을 만들었는데, 구현이 과하다는 생각이 듭니다.

현재 모범 사례가 있습니까?

백엔드 호출을 조롱하는 것과 동일한 문제가 발생했습니다. 연결 미들웨어를 사용하여 앱을 실행할 때 각도 1 및 2 http 요청을 모의할 수 있는 플러그인을 만들었습니다.

https://mdasberg.github.io/ng-apimock/

어쩌면 당신은 그것을 사용할 수 있습니다.

이 작업을 수행하는 방법은 확실하지 않지만 모의 모듈을 설치하는 순진한 접근 방식은 다음과 같습니다.

각도기는 어떻게 든 다음 두 가지 방법을 모두 재정의합니다.

• platformBrowserDynamic().bootstrapModule
• platformBrowser().bootstrapModuleFactory

그 자리에는 새로운 ngModule을 구성하고 우리가 조롱하고 싶은 모듈을 제공하는 간단한 래퍼가 있을 것입니다(아래는 어떻게 생겼는지에 대한 의사 코드입니다):

function bootstrapModuleOverride (moduleToBootstrap) {
  @NgModule({
    imports: [moduleToBootstrap],
    provide: ArrayOfMockModules,
    bootstrap: moduleToBootstrap.bootstrap
  })
  class moduleToBoostrapWrapper {}

  platformBrowserDynamic().bootstrapModule(moduleToBoostrapWrapper);
}

이 기능에 대한 계획된 릴리스가 있는지 알고 있습니까?

이 기능에 대해 +1입니다. Angular 2+ 애플리케이션의 e2e 테스트에서 모의가 필요합니다!

Angular 2+가 성장하고 있어서 이 기능이 상당히 시급해지고 있습니다 :)

예, 현재 워크플로에 절대적으로 중요합니다.

우리는 이미 angular5에 있고 여전히 e2e 사양에서 http를 조롱할 수 없습니다 😕

( @tauil 작은 세상, 응?)

.NET용 addMockModule이 필요한 일반적인 용도는 다음과 같습니다.

1) 맞춤형 인터셉터 주입.
https://angular.io/guide/http#writing -an-interceptor
예제는 테스트가 실패할 경우 각도기를 사용하여 http 활동을 캡처하고 디스크에 쓰기를 수행합니다.

2) 일반적으로 서비스의 기능을 재정의하여 타사 데이터 서비스를 모방합니다.

      .decorator(
          'xyzService',
          [
            '$q', '$delegate',
            ($q, $delegate) => {
              $delegate.isEnabled = () => true;
              return $delegate;
            }
            $delegate.getProfileDetail = () =>
                  $q.when({name: 'Tester 001', title: 'E2E Tester'});
          ])

맞춤 서비스의 경우: httpclient 템플릿 접근 방식을 따를 수 있습니다. (1)을 구현하면 잠재적으로 이 문제도 해결할 수 있습니다.

3) 개별 페이지 개체 내부에 대한 액세스(정결한 것은 아님)
ng.probe($0)._debugInfo
각도기 실행 스크립트

언제 시행되나요?

정말 이것으로 할 수 있습니다!

이건 꼭 있어야 할 기능인데 어떻게 2년이 된거야?!

이 문제를 해결하기 위해 jswiremock을 사용하여 백엔드 호출을 제거할 수 있습니다. 여기에 몇 가지 지침을 작성했습니다. https://gist.github.com/jamescookie/f7b854226ca1e133d1b7b2798095b7f4

또 다른 대안은 노크 입니다.
어떤 프레임워크에도 의존하지 않고 HTTP 요청을 조롱하기 위한 범용 라이브러리입니다.

각도기 사이트 에 이미 있는 ng-apimock 을 사용할 수 있습니다. 여기 에 대한 훌륭한 블로그 게시물이 있습니다.

AngularJ 및 Angular 앱에 사용할 수 있습니다.

이 기능은 ng-apimock이 각도기의 핵심 라이브러리에 방금 포함된 경우에도 핵심 각도기의 일부여야 한다고 생각하기에 충분히 중요합니다.

최대한 엄지손가락을 치켜세우려고 하는데 이 기능의 진행 상황은 어떻습니까? 현재로서는 강력한 차단기입니다.

진지하게, 각도기가 Angular를 위해 버려졌습니까?

따라서 이것은 오늘날 각도기 또는 각도를 변경하지 않고도 부분적으로 수행할 수 있습니다. 다른 모듈 세트를 제공할 ng serve 에 대한 "모의" 구성을 생성할 수 있습니다. 이렇게 하면 종속 서버를 실행하지 않고도 백엔드 테스트를 수행할 수 있고 HTTP 계층에서 조롱을 구현할 필요가 없습니다. https://github.com/westonpace/angular-example-mock-services 에서 이것을 보여주는 예제 저장소를 만들었습니다.

또한 여기에서 SO 질문에 대한 답변에 필요한 단계를 간략하게 설명합니다. https://stackoverflow.com/questions/39942118/how-to-inject-different-service-based-on-certain-build-environment-in-angular2 /51772549#51772549

Angular 1에서처럼 쉽고/사용자 정의할 수 없지만(예: 다른 테스트에 대해 다른 모의 서비스를 추가할 수 없음) 스캐폴딩이 실행되고 나면 모의 서비스 추가 및 제거가 매우 간단해야 합니다.

여기에서 이것을 처리하는 빠르고 깨끗한 라이브러리 없는 방법의 요약:

https://stackoverflow.com/questions/36354233/protractor-mocking-backend-with-angular2-on-api-request/51834607#51834607

이에 대한 업데이트가 있습니까? @jlin412 조사와 신중한 생각이 필요하다고 하셨는데 시작하셨나요?

이에 대한 업데이트가 있습니까? @jlin412 조사와 신중한 생각이 필요하다고 하셨는데 시작하셨나요?

@katiesandford , 여기 에 자세히 설명된 접근 방식이 이 설정에서 대부분의 테스트 상황을 수용할 것이라고 믿습니다. 그렇지 않은 경우 향후 상황에 대해 생각할 수 있도록 해당 이상값이 무엇인지 알고 싶습니다.

@gabrieldoty 이 접근 방식을 사용하면 서비스 수준에서는 조롱할 수 있지만 잘 이해하면 http 수준에서는 조롱할 수 없습니다.
또한 행동 중심 개발 접근 방식에서는 모의 객체가 동적이기를 원합니다. 다른 테스트 단계는 다른 모의를 설정합니다. 이 설정으로 달성하기 어려운 것 같습니다.

@gaeljw 좋은 포인트! 동적 모의 객체를 처리하는 다소 투박한 방법을 볼 수 있지만 의심의 여지 없이 동적 솔루션이 바람직할 것입니다!

내 응용 프로그램은 모든 HTTP 요청을 처리하기 위해 단일 데이터 서비스 클래스만 사용하므로 해당 서비스를 교체하는 것은 상당히 쉽습니다. 그러나 그것은 진정한 http 모의만큼 보편적이지 않습니다.

그런 생각을 해주셔서 감사합니다!

이것에 대한 소식이 있습니까? 각도기 개발이 더 이상 활발하지 않은 것 같습니다...

어떤 업데이트?

조롱 모듈은 #4300을 둘러보는 데 도움이 됩니다.

와, 이 티켓은 이제 거의 4년이 되었습니다! 업데이트가 있습니까?

소식이 있나요?