Angular2 परीक्षण - ईद

Question

मैं एक Angular2 परीक्षण घटक लिख रहा हूँ से तत्व प्राप्त करें और मैं ट्यूटोरियल में इस लाइन ध्यान दिया है:

de = fixture.debugElement.query(By.css('h1')); 

deDebugElement प्रकार के रूप में परिभाषित किया गया है।

मैं आईडी द्वारा DebugElement कैसे प्राप्त कर सकता हूं?

यह बहुत आसान प्रतीत हो सकता है लेकिन मुझे दस्तावेज़ों में कोई दिशा नहीं मिल रही है।

Answer 1

तुम भी मेरे लिए by.css

de = fixture.debugElement.query(by.css('#theid')); 

Answer 2

काम का उपयोग कर सकते हैं:

फ़ाइल ... component.html:

<ul id="submenu"> 

    <li> 
     <a [routerLink]="['blankpage']"><span>Blank Page</span></a> 
    </li> 
</ul> 

फ़ाइल ...- spec.ts:

import { SidebarComponent} from './sidebar'; 
import { TestBed, async } from '@angular/core/testing'; 
import { HttpModule } from '@angular/http'; 
import { RouterTestingModule } from '@angular/router/testing'; 
import { ComponentFixture} from '@angular/core/testing'; 
import { By }    from '@angular/platform-browser'; 
import { DebugElement } from '@angular/core'; 

describe('...',() => { 
let comp : SidebarComponent; 
let fixture : ComponentFixture<SidebarComponent>; 
let de : DebugElement; 
beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ 
     SidebarComponent 
     ], 
     imports: [RouterTestingModule,HttpModule] 
    }).compileComponents(); 
    })); 
    beforeEach(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ 
      SidebarComponent 
     ] 
    }); 
    TestBed.compileComponents(); 
    fixture = TestBed.createComponent(SidebarComponent); 
    fixture.detectChanges(); 
    de = fixture.debugElement; 
}); 

it('Sidebar element "Blank Page" was created',() => { 
     expect(de.nativeElement.querySelector('ul.submenu a span').textContent).toContain('Blank Page') 
     expect(de.nativeElement.querySelector('ul.submenu a span').textContent).toBeDefined() 
    }); 

    it('Checking ul id',() => { 
    expect(de.nativeElement.querySelector('ul').getAttribute('id')).toMatch('submenu') 
    }); 

)}