test(ivy): Add small_app spec for sprint #3 (#22018)

PR Close #22018

packages/core/testing/src/fake_async.ts

@@ -7,12 +7,13 @@
  */
 
 
-const FakeAsyncTestZoneSpec = (Zone as any)['FakeAsyncTestZoneSpec'];
+const _Zone: any = typeof Zone !== 'undefined' ? Zone : null;
+const FakeAsyncTestZoneSpec = _Zone && _Zone['FakeAsyncTestZoneSpec'];
 type ProxyZoneSpec = {
   setDelegate(delegateSpec: ZoneSpec): void; getDelegate(): ZoneSpec; resetDelegate(): void;
 };
 const ProxyZoneSpec: {get(): ProxyZoneSpec; assertPresent: () => ProxyZoneSpec} =
-    (Zone as any)['ProxyZoneSpec'];
+    _Zone && _Zone['ProxyZoneSpec'];
 
 let _fakeAsyncTestZoneSpec: any = null;
 
@@ -24,7 +25,8 @@ let _fakeAsyncTestZoneSpec: any = null;
  */
 export function resetFakeAsyncZone() {
   _fakeAsyncTestZoneSpec = null;
-  ProxyZoneSpec.assertPresent().resetDelegate();
+  // in node.js testing we may not have ProxyZoneSpec in which case there is nothing to reset.
+  ProxyZoneSpec && ProxyZoneSpec.assertPresent().resetDelegate();
 }
 
 let _inFakeAsyncCall = false;

packages/core/testing/src/render3.ts

@@ -0,0 +1,115 @@
+/**
+ * @license
+ * Copyright Google Inc. 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
+ */
+
+/**
+* Wraps a function in a new function which sets up document and HTML for running a test.
+*
+* This function is intended to wrap an existing testing function. The wrapper
+* adds HTML to the `body` element of the `document` and subsequently tears it down.
+*
+* This function is intended to be used with `async await` and `Promise`s. If the wrapped
+* function returns a promise (or is `async`) then the teardown is delayed until that `Promise`
+* is resolved.
+*
+* On `node` this function detects if `document` is present and if not it will create one by
+* loading `domino` and installing it.
+*
+* Example:
+*
+* ```
+* describe('something', () => {
+*   it('should do something', withBody('<my-app></my-app>', async () => {
+*     const myApp = renderComponent(MyApp);
+*     await whenRendered(myApp);
+*     expect(getRenderedText(myApp)).toEqual('Hello World!');
+*   }));
+* });
+* ```
+*
+* @param html HTML which should be inserted into `body` of the `document`.
+* @param blockFn function to wrap. The function can return promise or be `async`.
+* @experimental
+*/
+export function withBody<T>(html: string, blockFn: T): T {
+  return function(done: {(): void, fail(): void}) {
+    ensureDocument();
+    let returnValue: any = undefined;
+    if (typeof blockFn === 'function') {
+      document.body.innerHTML = html;
+      let blockReturn = blockFn();
+      if (blockReturn instanceof Promise) {
+        blockReturn = blockReturn.then(done, done.fail);
+      } else {
+        done();
+      }
+    }
+  } as any;
+}
+
+let savedDocument: Document|undefined = undefined;
+let savedRequestAnimationFrame: ((callback: FrameRequestCallback) => number)|undefined = undefined;
+let requestAnimationFrameCount = 0;
+
+/**
+ * System.js uses regexp to look for `require` statements. `domino` has to be
+ * extracted into a constant so that the regexp in the System.js does not match
+ * and does not try to load domino in the browser.
+ */
+const domino: any = (function(domino) {
+  if (typeof global == 'object' && global.process && typeof require == 'function') {
+    try {
+      return require(domino);
+    } catch (e) {
+      // It is possible that we don't have domino available in which case just give up.
+    }
+  }
+  // Seems like we don't have domino, give up.
+  return null;
+})('domino');
+
+/**
+ * Ensure that global has `Document` if we are in node.js
+ * @experimental
+ */
+export function ensureDocument(): void {
+  if (domino) {
+    // we are in node.js.
+    const window = domino.createWindow('', 'http://localhost');
+    savedDocument = (global as any).document;
+    (global as any).document = window.document;
+    // Trick to avoid Event patching from
+    // https://github.com/angular/angular/blob/7cf5e95ac9f0f2648beebf0d5bd9056b79946970/packages/platform-browser/src/dom/events/dom_events.ts#L112-L132
+    // It fails with Domino with TypeError: Cannot assign to read only property
+    // 'stopImmediatePropagation' of object '#<Event>'
+    (global as any).Event = null;
+
+    savedRequestAnimationFrame = (global as any).requestAnimationFrame;
+    (global as any).requestAnimationFrame = function(cb: FrameRequestCallback): number {
+      setImmediate(cb);
+      return requestAnimationFrameCount++;
+    };
+  }
+}
+
+/**
+ * Restore the state of `Document` between tests.
+ * @experimental
+ */
+export function cleanupDocument(): void {
+  if (savedDocument) {
+    (global as any).document = savedDocument;
+    savedDocument = undefined;
+  }
+  if (savedRequestAnimationFrame) {
+    (global as any).requestAnimationFrame = savedRequestAnimationFrame;
+    savedRequestAnimationFrame = undefined;
+  }
+}
+
+if (typeof beforeEach == 'function') beforeEach(ensureDocument);
+if (typeof afterEach == 'function') beforeEach(cleanupDocument);

packages/core/testing/src/testing.ts

@@ -19,3 +19,4 @@ export * from './test_bed';
 export * from './before_each';
 export * from './metadata_override';
 export * from './private_export_testing';
+export * from './render3';