ng-mocks 14.3.1 → 14.3.3

package/README.md

@@ -2,7 +2,6 @@
 [<img src="https://img.shields.io/npm/v/ng-mocks" alt="npm version" width="88" height="20" />](https://www.npmjs.com/package/ng-mocks)
 [<img src="https://img.shields.io/circleci/build/github/help-me-mom/ng-mocks/master" alt="build status" width="88" height="20" />](https://app.circleci.com/pipelines/github/help-me-mom/ng-mocks?branch=master)
 [<img src="https://img.shields.io/coveralls/github/help-me-mom/ng-mocks/master" alt="coverage status" width="104" height="20" />](https://coveralls.io/github/help-me-mom/ng-mocks?branch=master)
-[<img src="https://img.shields.io/lgtm/grade/javascript/g/help-me-mom/ng-mocks" alt="language grade" width="138" height="20" />](https://lgtm.com/projects/g/help-me-mom/ng-mocks/context:javascript)
 
 # Mock components, services and more out of annoying dependencies for simplification of Angular testing
 
@@ -71,28 +70,36 @@ An example of a spec for a profile edit component.
 // lastName, and a user can edit them.
 // In the following test suite, we would like to
 // cover behavior of the component.
-describe('profile:classic', () => {
+describe('profile:builder', () => {
   // Helps to reset customizations after each test.
   MockInstance.scope();
 
-  // Let's declare TestBed in beforeAll
-  // instead of beforeEach.
-  // The code mocks everything in SharedModule
-  // and provides a mock AuthService.
-  beforeAll(async () => {
-    return TestBed.configureTestingModule({
-      imports: [
-        MockModule(SharedModule), // mock
-        ReactiveFormsModule, // real
-      ],
-      declarations: [
-        MockComponent(AvatarComponent), // mock
-        ProfileComponent, // real
-      ],
-      providers: [
-        MockProvider(AuthService), // mock
-      ],
-    }).compileComponents();
+  // Let's configure TestBed via MockBuilder.
+  // The code below says to mock everything in
+  // ProfileModule except ProfileComponent and
+  // ReactiveFormsModule.
+  beforeEach(() => {
+    // The result of MockBuilder should be returned.
+    // https://ng-mocks.sudo.eu/api/MockBuilder
+    return MockBuilder(
+      ProfileComponent,
+      ProfileModule,
+    ).keep(ReactiveFormsModule);
+    // // or old fashion way
+    // return TestBed.configureTestingModule({
+    //   imports: [
+    //     MockModule(SharedModule), // mock
+    //     ReactiveFormsModule, // real
+    //   ],
+    //   declarations: [
+    //     ProfileComponent, // real
+    //     MockPipe(CurrencyPipe), // mock
+    //     MockDirective(HoverDirective), // mock
+    //   ],
+    //   providers: [
+    //     MockProvider(AuthService), // mock
+    //   ],
+    // }).compileComponents();
   });
 
   // A test to ensure that ProfileComponent
@@ -104,12 +111,14 @@ describe('profile:classic', () => {
     // onPush change detection, and creates a
     // wrapper component with a template like
     // <app-root ...allInputs></profile>
+    // and renders it.
+    // It also respects all lifecycle hooks.
     // https://ng-mocks.sudo.eu/api/MockRender
     const fixture = MockRender(ProfileComponent);
 
     expect(
       fixture.point.componentInstance,
-    ).toEqual(jasmine.any(ProfileComponent));
+    ).toEqual(assertion.any(ProfileComponent));
   });
 
   // A test to ensure that the component listens