test: refactor test to work with latest @types/jasmine (#41956)

In some cases we are using private APIs. This change adds casting were needed to make the build successful.

PR Close #41956

packages/platform-browser-dynamic/test/testing_public_browser_spec.ts

@@ -11,8 +11,6 @@ import {Compiler, Component, NgModule} from '@angular/core';
 import {fakeAsync, inject, TestBed, tick, waitForAsync} from '@angular/core/testing';
 import {ResourceLoaderImpl} from '@angular/platform-browser-dynamic/src/resource_loader/resource_loader_impl';
 
-
-
 // Components for the tests.
 class FancyService {
   value: string = 'real value';
@@ -106,49 +104,14 @@ if (isBrowser) {
     });
 
     describe('errors', () => {
-      let originalJasmineIt: any;
+      describe('should fail when an ResourceLoader fails', () => {
-
+        it('should fail with an error from a promise', async () => {
-      const patchJasmineIt = () => {
-        let resolve: (result: any) => void;
-        let reject: (error: any) => void;
-        const promise = new Promise((res, rej) => {
-          resolve = res;
-          reject = rej;
-        });
-        originalJasmineIt = jasmine.getEnv().it;
-        jasmine.getEnv().it = (description: string, fn: (done: DoneFn) => void): any => {
-          const done = (() => resolve(null)) as DoneFn;
-          done.fail = reject;
-          fn(done);
-          return null;
-        };
-        return promise;
-      };
-
-      const restoreJasmineIt = () => {
-        jasmine.getEnv().it = originalJasmineIt;
-      };
-
-      it('should fail when an ResourceLoader fails', done => {
-        const itPromise = patchJasmineIt();
-
-        it('should fail with an error from a promise', waitForAsync(() => {
           TestBed.configureTestingModule({declarations: [BadTemplateUrl]});
-             TestBed.compileComponents();
+          await expectAsync(TestBed.compileComponents())
-           }));
+              .toBeRejectedWith('Failed to load non-existent.html');
-
-        itPromise.then(
-            () => {
-              done.fail('Expected test to fail, but it did not');
-            },
-            (err: any) => {
-              expect(err.message)
-                  .toEqual('Uncaught (in promise): Failed to load non-existent.html');
-              done();
-            });
-        restoreJasmineIt();
         }, 10000);
       });
+    });
 
     describe('TestBed createComponent', function() {
       it('should allow an external templateUrl', waitForAsync(() => {

packages/platform-browser/test/testing_public_spec.ts

@@ -836,7 +836,6 @@ const bTok = new InjectionToken<string>('b');
 
     describe('errors', () => {
       let originalJasmineIt: (description: string, func: () => void) => jasmine.Spec;
-      let originalJasmineBeforeEach: (beforeEachFunction: (done: DoneFn) => void) => void;
 
       const patchJasmineIt = () => {
         let resolve: (result: any) => void;
@@ -845,8 +844,9 @@ const bTok = new InjectionToken<string>('b');
           resolve = res;
           reject = rej;
         });
-        originalJasmineIt = jasmine.getEnv().it;
+        const jasmineEnv = jasmine.getEnv() as any;
-        jasmine.getEnv().it = (description: string, fn: (done: DoneFn) => void): any => {
+        originalJasmineIt = jasmineEnv.it;
+        jasmineEnv.it = (description: string, fn: (done: DoneFn) => void): any => {
           const done = <DoneFn>(() => resolve(null));
           done.fail = (err) => reject(err);
           fn(done);
@@ -855,26 +855,7 @@ const bTok = new InjectionToken<string>('b');
         return promise;
       };
 
-      const restoreJasmineIt = () => jasmine.getEnv().it = originalJasmineIt;
+      const restoreJasmineIt = () => ((jasmine.getEnv() as any).it = originalJasmineIt);
-
-      const patchJasmineBeforeEach = () => {
-        let resolve: (result: any) => void;
-        let reject: (error: any) => void;
-        const promise = new Promise((res, rej) => {
-          resolve = res;
-          reject = rej;
-        });
-        originalJasmineBeforeEach = jasmine.getEnv().beforeEach;
-        jasmine.getEnv().beforeEach = (fn: (done: DoneFn) => void) => {
-          const done = <DoneFn>(() => resolve(null));
-          done.fail = (err) => reject(err);
-          fn(done);
-        };
-        return promise;
-      };
-
-      const restoreJasmineBeforeEach = () => jasmine.getEnv().beforeEach =
-          originalJasmineBeforeEach;
 
       it('should fail when an asynchronous error is thrown', (done) => {
         const itPromise = patchJasmineIt();
@@ -921,21 +902,16 @@ const bTok = new InjectionToken<string>('b');
 
         it('should report an error for declared components with templateUrl which never call TestBed.compileComponents',
            () => {
-             const itPromise = patchJasmineIt();
-
              @Component({
                selector: 'comp',
-               templateUrl: '/base/angular/packages/platform-browser/test/static_assets/test.html'
+               templateUrl: '/base/angular/packages/platform-browser/test/static_assets/test.html',
              })
              class InlineCompWithUrlTemplate {
              }
 
-             expect(
+             expect(withModule(
-                 () =>
-                     it('should fail',
-                        withModule(
                         {declarations: [InlineCompWithUrlTemplate]},
-                            () => TestBed.createComponent(InlineCompWithUrlTemplate))))
+                        () => TestBed.createComponent(InlineCompWithUrlTemplate)))
                  .toThrowError(
                      ivyEnabled ?
                          `Component 'InlineCompWithUrlTemplate' is not resolved:
@@ -945,29 +921,20 @@ Did you run and wait for 'resolveComponentResources()'?` :
                              stringify(
                                  InlineCompWithUrlTemplate)} which is using a "templateUrl" or "styleUrls", but they were never compiled. ` +
                              `Please call "TestBed.compileComponents" before your test.`);
-
-             restoreJasmineIt();
            });
       });
 
-
       modifiedInIvy(`Unknown property error thrown instead of logging a message`)
           .it('should error on unknown bound properties on custom elements by default', () => {
             @Component({template: '<some-element [someUnknownProp]="true"></some-element>'})
             class ComponentUsingInvalidProperty {
             }
 
-            const itPromise = patchJasmineIt();
-
             expect(
-                () =>
+                () => withModule(
-                    it('should fail',
-                       withModule(
                     {declarations: [ComponentUsingInvalidProperty]},
-                           () => TestBed.createComponent(ComponentUsingInvalidProperty))))
+                    () => TestBed.createComponent(ComponentUsingInvalidProperty))())
                 .toThrowError(/Can't bind to 'someUnknownProp'/);
-
-            restoreJasmineIt();
           });
 
       onlyInIvy(`Unknown property error logged instead of throwing`)