test: add unit test for aspnet engine

Author: alan-agius4

modules/aspnetcore-engine/BUILD.bazel

@@ -34,13 +34,34 @@ ng_package(
     ],
 )
 
+# NgModule used only for tests.
+ng_module(
+    name = "testing",
+    srcs = glob([
+        "testing/**/*.ts",
+    ]),
+    module_name = "@nguniversal/aspnetcore-engine/testing",
+    deps = [
+        ":aspnetcore-engine",
+        "@npm//@angular/platform-browser",
+        "@npm//@angular/platform-server",
+    ],
+)
+
 ng_test_library(
     name = "unit_test_lib",
     srcs = glob([
         "spec/**/*.spec.ts",
     ]),
     deps = [
         ":aspnetcore-engine",
+        ":testing",
+        "@npm//@angular/compiler",
+        "@npm//@angular/platform-browser",
+        "@npm//@angular/platform-server",
+        "@npm//domino",
+        "@npm//xhr2",
+        "@npm//zone.js",
     ],
 )
 

modules/aspnetcore-engine/spec/index.spec.ts

@@ -1,5 +1,20 @@
-describe('test runner', () => {
-  it('can run a test', () => {
-    expect(true).toBe(true);
+import 'zone.js';
+
+import { ngAspnetCoreEngine } from '@nguniversal/aspnetcore-engine';
+import { MockServerModule } from '../testing/mock.server.module';
+
+describe('ASPNETCore Engine', () => {
+  it('should render a basic template', async () => {
+    const { html } = await ngAspnetCoreEngine({
+      appSelector: '<root></root>',
+      request: {
+        data: {
+          request: 'localhost'
+        }
+      } as any,
+      ngModule: MockServerModule
+    });
+
+    expect(html).toContain('some template');
   });
 });

modules/aspnetcore-engine/src/main.ts

@@ -17,10 +17,7 @@ import { IEngineRenderResult } from './interfaces/engine-render-result';
 import { renderModuleFactory } from './platform-server-utils';
 
 /* @internal */
-let appSelector = 'app-root'; // default
-
-/* @internal */
-function _getUniversalData(doc: Document): Omit<IEngineRenderResult, 'moduleRef'> {
+function _getUniversalData(doc: Document, appSelector: string): Omit<IEngineRenderResult, 'moduleRef'> {
 
   const styles: string[] = [];
   const scripts: string[] = [];
@@ -69,13 +66,13 @@ function _getUniversalData(doc: Document): Omit<IEngineRenderResult, 'moduleRef'
 export async function ngAspnetCoreEngine(options: Readonly<IEngineOptions>)
   : Promise<IEngineRenderResult> {
   if (!options.appSelector) {
-    const selector = `" appSelector: '<${appSelector}></${appSelector}>' "`;
+    const selector = `" appSelector: '<app-root></app-root>' "`;
     throw new Error(`appSelector is required! Pass in ${selector},
      for your root App component.`);
   }
 
   // Grab the DOM "selector" from the passed in Template <app-root> for example = "app-root"
-  appSelector = options.appSelector.substring(1, options.appSelector.indexOf('>'));
+  const appSelector = options.appSelector.substring(1, options.appSelector.indexOf('>'));
 
   const compilerFactory: CompilerFactory = platformDynamicServer().injector.get(CompilerFactory);
   const compiler: Compiler = compilerFactory.createCompiler([
@@ -107,7 +104,7 @@ export async function ngAspnetCoreEngine(options: Readonly<IEngineOptions>)
 
   return {
     moduleRef: result.moduleRef,
-    ..._getUniversalData(doc),
+    ..._getUniversalData(doc, appSelector),
   };
 }
 

modules/aspnetcore-engine/testing/mock.server.module.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Component, NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { ServerModule } from '@angular/platform-server';
+
+@Component({selector: 'root', template: 'some template'})
+export class MockComponent {
+}
+
+@NgModule({
+  imports: [BrowserModule.withServerTransition({appId: 'mock'}), ServerModule],
+  declarations: [MockComponent],
+  bootstrap: [MockComponent],
+})
+export class MockServerModule {
+}