feat(elements): add new LazyElementsTestingModule

- use ng-packager sub-entries
- import using @angular-extensions/elements/testing
- overrides *axLazyElement and *axLazyElementDynamic for testing

angular.json

@@ -24,7 +24,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/elements/src/test.ts",
+            "main": "projects/elements/test.ts",
             "tsConfig": "projects/elements/tsconfig.spec.json",
             "karmaConfig": "projects/elements/karma.conf.js"
           }

projects/elements/ng-package.json

@@ -2,6 +2,6 @@
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../dist/elements",
   "lib": {
-    "entryFile": "src/public-api.ts"
+    "entryFile": "src/public_api.ts"
   }
 }

projects/elements/src/lib/lazy-elements/index.ts

@@ -0,0 +1 @@
+export * from './public_api';

projects/elements/src/lib/lazy-elements/package.json

@@ -0,0 +1,7 @@
+{
+  "ngPackage": {
+    "lib": {
+      "entryFile": "public_api.ts"
+    }
+  }
+}

projects/elements/src/lib/lazy-elements/public_api.ts

@@ -0,0 +1 @@
+export * from './lazy-elements.module';

projects/elements/src/public_api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of elements
+ */
+
+export * from './lib/lazy-elements';

projects/elements/testing/index.ts

@@ -0,0 +1 @@
+export * from './public_api';

projects/elements/testing/lazy-element-dynamic-testing.directive.ts

@@ -0,0 +1,20 @@
+import {
+  Directive,
+  OnInit,
+  TemplateRef,
+  ViewContainerRef
+} from '@angular/core';
+
+@Directive({
+  selector: '[axLazyElementDynamic]'
+})
+export class LazyElementDynamicTestingDirective implements OnInit {
+  constructor(
+    private vcr: ViewContainerRef,
+    private template: TemplateRef<any>
+  ) {}
+
+  ngOnInit() {
+    this.vcr.createEmbeddedView(this.template);
+  }
+}

projects/elements/testing/lazy-element-testing.directive.ts

@@ -0,0 +1,20 @@
+import {
+  Directive,
+  OnInit,
+  TemplateRef,
+  ViewContainerRef
+} from '@angular/core';
+
+@Directive({
+  selector: '[axLazyElement]'
+})
+export class LazyElementTestingDirective implements OnInit {
+  constructor(
+    private vcr: ViewContainerRef,
+    private template: TemplateRef<any>
+  ) {}
+
+  ngOnInit() {
+    this.vcr.createEmbeddedView(this.template);
+  }
+}

projects/elements/testing/lazy-elements-testing.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+
+import { LazyElementTestingDirective } from './lazy-element-testing.directive';
+import { LazyElementDynamicTestingDirective } from './lazy-element-dynamic-testing.directive';
+
+@NgModule({
+  declarations: [
+    LazyElementTestingDirective,
+    LazyElementDynamicTestingDirective
+  ],
+  exports: [LazyElementTestingDirective, LazyElementDynamicTestingDirective]
+})
+export class LazyElementsTestingModule {}

projects/elements/testing/package.json

@@ -0,0 +1,7 @@
+{
+  "ngPackage": {
+    "lib": {
+      "entryFile": "public_api.ts"
+    }
+  }
+}

projects/elements/testing/public_api.ts

@@ -0,0 +1,3 @@
+export * from './lazy-elements-testing.module';
+export * from './lazy-element-testing.directive';
+export * from './lazy-element-dynamic-testing.directive';

projects/elements/tsconfig.spec.json

@@ -4,6 +4,6 @@
     "outDir": "../../out-tsc/spec",
     "types": ["jasmine", "node"]
   },
-  "files": ["src/test.ts"],
+  "files": ["test.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"]
 }