TypeScript DOM.firstChild方法代码示例

 _moveChildNodes(source, target) {
   var next = DOM.firstChild(source);
   while (isPresent(next)) {
     DOM.appendChild(target, next);
     next = DOM.firstChild(source);
   }
 }

 it('should replace the element with an empty <template> element', () => {
   var rootElement = DOM.createTemplate('<span template=""></span>');
   var originalChild = DOM.firstChild(DOM.content(rootElement));
   var results = proceess(rootElement);
   expect(results[0].element).toBe(rootElement);
   expect(stringifyElement(results[0].element))
       .toEqual('<template><template class="ng-binding"></template></template>');
   expect(stringifyElement(results[2].element))
       .toEqual('<template><span template=""></span></template>');
   expect(DOM.firstChild(DOM.content(results[2].element))).toBe(originalChild);
 });

  _process(results, parent: CompileElement, current: CompileElement,
           compilationCtxtDescription: string = '') {
    var additionalChildren = this._control.internalProcess(results, 0, parent, current);

    if (current.compileChildren) {
      var node = DOM.firstChild(DOM.templateAwareRoot(current.element));
      while (isPresent(node)) {
        // compiliation can potentially move the node, so we need to store the
        // next sibling before recursing.
        var nextNode = DOM.nextSibling(node);
        if (DOM.isElementNode(node)) {
          var childCompileElement = new CompileElement(node, compilationCtxtDescription);
          childCompileElement.inheritedProtoView = current.inheritedProtoView;
          childCompileElement.inheritedElementBinder = current.inheritedElementBinder;
          childCompileElement.distanceToInheritedBinder = current.distanceToInheritedBinder + 1;
          this._process(results, current, childCompileElement);
        }
        node = nextNode;
      }
    }

    if (isPresent(additionalChildren)) {
      for (var i = 0; i < additionalChildren.length; i++) {
        this._process(results, current, additionalChildren[i]);
      }
    }
  }

 it('should move the style element to the style host', () => {
   var compileElement = el('<div><style>.one {}</style></div>');
   var styleElement = DOM.firstChild(compileElement);
   strategy.processStyleElement('someComponent', 'http://base', styleElement);
   expect(compileElement).toHaveText('');
   expect(styleHost).toHaveText('.one[_ngcontent-0] {\n\n}');
 });

    it('should not coalesque text nodes', () => {
      var el1 = el('<div>a</div>');
      var el2 = el('<div>b</div>');
      DOM.appendChild(el2, DOM.firstChild(el1));
      expect(DOM.childNodes(el2).length).toBe(2);

      var el2Clone = DOM.clone(el2);
      expect(DOM.childNodes(el2Clone).length).toBe(2);
    });

 it('should attach the view nodes as child of the host element', () => {
   var host = el('<div><span>original content</span></div>');
   var nodes = el('<div>view</div>');
   var pv = new ProtoView(nodes, new DynamicProtoChangeDetector(null, null), null);
   var view = pv.instantiate(null, null);
   strategy.attachTemplate(host, view);
   var firstChild = DOM.firstChild(host);
   expect(DOM.tagName(firstChild).toLowerCase()).toEqual('div');
   expect(firstChild).toHaveText('view');
   expect(host).toHaveText('view');
 });

    it('by default events are only caught on same element', () => {
      var element = el('<div><div></div></div>');
      var child = DOM.firstChild(element);
      var dispatchedEvent = DOM.createMouseEvent('click');
      var receivedEvent = null;
      var handler = (e) => { receivedEvent = e; };
      var manager = new EventManager([domEventPlugin], new FakeNgZone());
      manager.addEventListener(element, 'click', handler);
      DOM.dispatchEvent(child, dispatchedEvent);

      expect(receivedEvent).toBe(null);
    });

    it('should move the style element to the style host when @imports are present', inject([AsyncTestCompleter], (async) => {
      xhr.reply('http://base/one.css', '.one {}');

      var compileElement = el('<div><style>@import "one.css";</style></div>');
      var styleElement = DOM.firstChild(compileElement);
      var stylePromise = strategy.processStyleElement('someComponent', 'http://base', styleElement);

      stylePromise.then((_) => {
        expect(compileElement).toHaveText('');
        expect(styleHost).toHaveText('.one[_ngcontent-0] {\n\n}');
        async.done();
      });
    }));