angular-docs-cn/packages/zone.js/test/browser/HTMLImports.spec.ts

/**
 * @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 {ifEnvSupports} from '../test-util';

function supportsImports() {
  return 'import' in document.createElement('link');
}
(<any>supportsImports).message = 'HTML Imports';

describe('HTML Imports', ifEnvSupports(supportsImports, function() {
           const testZone = Zone.current.fork({name: 'test'});

           it('should work with addEventListener', function(done) {
             let link: HTMLLinkElement;

             testZone.run(function() {
               link = document.createElement('link');
               link.rel = 'import';
               link.href = 'someUrl';
               link.addEventListener('error', function() {
                 expect(Zone.current).toBe(testZone);
                 document.head.removeChild(link);
                 done();
               });
             });

             document.head.appendChild(link!);
           });

           function supportsOnEvents() {
             const link = document.createElement('link');
             const linkPropDesc = Object.getOwnPropertyDescriptor(link, 'onerror');
             return !(linkPropDesc && linkPropDesc.value === null);
           }
           (<any>supportsOnEvents).message = 'Supports HTMLLinkElement#onxxx patching';


           ifEnvSupports(supportsOnEvents, function() {
             it('should work with onerror', function(done) {
               let link: HTMLLinkElement;

               testZone.run(function() {
                 link = document.createElement('link');
                 link.rel = 'import';
                 link.href = 'anotherUrl';
                 link.onerror = function() {
                   expect(Zone.current).toBe(testZone);
                   document.head.removeChild(link);
                   done();
                 };
               });

               document.head.appendChild(link!);
             });

             it('should work with onload', function(done) {
               let link: HTMLLinkElement;

               testZone.run(function() {
                 link = document.createElement('link');
                 link.rel = 'import';
                 link.href = '/base/angular/packages/zone.js/test/assets/import.html';
                 link.onload = function() {
                   expect(Zone.current).toBe(testZone);
                   document.head.removeChild(link);
                   done();
                 };
               });

               document.head.appendChild(link!);
             });
           });
         }));