ng-mocks 13.0.1 → 13.0.4

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [13.0.3](https://github.com/ike18t/ng-mocks/compare/v13.0.2...v13.0.3) (2022-02-20)
+
+
+### Bug Fixes
+
+* **mock-render:** apply overrides to components with no selectors [#1876](https://github.com/ike18t/ng-mocks/issues/1876) ([b032746](https://github.com/ike18t/ng-mocks/commit/b032746161e307000afb8bafc368ae0d655c9c81))
+
+## [13.0.2](https://github.com/ike18t/ng-mocks/compare/v13.0.1...v13.0.2) (2022-02-06)
+
+
+### Bug Fixes
+
+* **ie:** running IE on A5 and old nodejs ([087d58d](https://github.com/ike18t/ng-mocks/commit/087d58d873536921bc3b1745e38ac5213457eef3))
+
+## [13.0.1](https://github.com/ike18t/ng-mocks/compare/v13.0.0...v13.0.1) (2022-02-06)
+
+
+### Bug Fixes
+
+* **e2e:** support for A14 ([c0bdcbf](https://github.com/ike18t/ng-mocks/commit/c0bdcbfe1416ed18be46b2c2cd1feec274bfa0c5))
+* looking in vcr.createComponent on root node [#1596](https://github.com/ike18t/ng-mocks/issues/1596) ([5aa0d9a](https://github.com/ike18t/ng-mocks/commit/5aa0d9abf76bca49b45c3cd57db49964b5c532a4))
+
 # [13.0.0](https://github.com/ike18t/ng-mocks/compare/v12.5.1...v13.0.0) (2022-01-23)
 
 

package/README.md

@@ -44,7 +44,7 @@ The current version of the library **has been tested** and **can be used** with:
 ## Very short introduction
 
 Global configuration for mocks in `src/test.ts`.
-In case of jest, `src/setupJest.ts` should be used.
+In case of jest, `src/setup-jest.ts` / `src/test-setup.ts` should be used.
 
 ```ts title="src/test.ts"
 // All methods in mock declarations and providers

package/examples/TestDirectiveLetOf/dynamic.spec.ts

@@ -0,0 +1,44 @@
+import {
+  Directive,
+  Input,
+  TemplateRef,
+  ViewContainerRef,
+} from '@angular/core';
+import { MockBuilder, MockRender, ngMocks } from 'ng-mocks';
+
+@Directive({
+  selector: '[dxTemplate]',
+})
+class DxTemplateDirective {
+  @Input() public readonly dxTemplateOf: string | null = null;
+
+  public constructor(
+    protected templateRef: TemplateRef<any>,
+    protected viewContainerRef: ViewContainerRef,
+  ) {}
+}
+
+describe('TestDirectiveLetOf:dynamic', () => {
+  beforeEach(() => MockBuilder().mock(DxTemplateDirective));
+
+  it('renders a mock of structural directives', () => {
+    const fixture = MockRender(`
+      <div *dxTemplate="let cellTemplate of 'actionsCellTemplate'">
+        {{ cellTemplate.data }}
+      </div>
+    `);
+
+    // firstly, let's check that we passed 'actionsCellTemplate' as input value.
+    const instance = ngMocks.findInstance(DxTemplateDirective);
+    expect(instance.dxTemplateOf).toEqual('actionsCellTemplate');
+
+    // secondly, let's render the structural directive,
+    // and assert that MOCK_DATA is present.
+    ngMocks.render(instance, instance, {
+      data: 'MOCK_DATA',
+    });
+    expect(ngMocks.formatHtml(fixture)).toEqual(
+      '<div> MOCK_DATA </div>',
+    );
+  });
+});

package/examples/TestDirectiveLetOf/static.spec.ts

@@ -0,0 +1,51 @@
+import {
+  Directive,
+  Input,
+  TemplateRef,
+  ViewContainerRef,
+} from '@angular/core';
+import { MockBuilder, MockRender, ngMocks } from 'ng-mocks';
+
+@Directive({
+  selector: '[dxTemplate]',
+})
+class DxTemplateDirective {
+  @Input() public readonly dxTemplateOf: string | null = null;
+
+  public constructor(
+    protected templateRef: TemplateRef<any>,
+    protected viewContainerRef: ViewContainerRef,
+  ) {}
+}
+
+describe('TestDirectiveLetOf:static', () => {
+  beforeEach(() =>
+    MockBuilder().mock(DxTemplateDirective, {
+      // We should not only render the structural directive,
+      // but also provide its context variables.
+      render: {
+        $implicit: {
+          data: 'MOCK_DATA',
+        },
+      },
+    }),
+  );
+
+  it('renders a mock of structural directives', () => {
+    const fixture = MockRender(`
+      <div *dxTemplate="let cellTemplate of 'actionsCellTemplate'">
+        {{ cellTemplate.data }}
+      </div>
+    `);
+
+    // firstly, let's check that we passed 'actionsCellTemplate' as input value.
+    expect(
+      ngMocks.findInstance(DxTemplateDirective).dxTemplateOf,
+    ).toEqual('actionsCellTemplate');
+
+    // secondly, let's check that MOCK_DATA has been rendered.
+    expect(ngMocks.formatHtml(fixture)).toEqual(
+      '<div> MOCK_DATA </div>',
+    );
+  });
+});