本文整理匯總了TypeScript中angular2/platform/common_dom.By.css方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript By.css方法的具體用法？TypeScript By.css怎麽用？TypeScript By.css使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類angular2/platform/common_dom.By的用法示例。
在下文中一共展示了By.css方法的8個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: expect
tcb.createAsync(TestComponent).then((testComponent) => {
testComponent.detectChanges();
testComponent.debugElement.query(By.css('a.detail-view-self'))
.triggerEventHandler('click', null);
expect(router.spy('navigateByInstruction')).toHaveBeenCalledWith(dummyInstruction);
async.done();
});示例2: expect
.then((testComponent) => {
testComponent.detectChanges();
testComponent.debugElement.query(By.css('a.detail-view-blank'))
.triggerEventHandler('click', null);
expect(router.spy('navigateByInstruction')).not.toHaveBeenCalled();
async.done();
});示例3: getChildrenBySelector
/**
* Gets a child DebugElement by css selector.
*
* The child of DebugElement are other elements that are "known" to
* Angular.
*/
static getChildrenBySelector(parent: DebugElement, selector: string): DebugElement[] {
let results = [];
parent.queryAll(By.css(selector)).forEach((el) => results.push(el));
parent.children.forEach((de) => {
TestHelper.getChildrenBySelector(de, selector).forEach((el) => results.push(el));
});
return results;
}示例4: it
it('can follow', () => {
const cmp:FollowBtn = cmpDebugElement.componentInstance;
cmp.isFollowedByMe = false;
ctx.fixture.detectChanges();
const followBtn = cmpDebugElement.query(By.css('.follow-btn')).nativeElement;
expect(followBtn).toHaveText('Follow');
followBtn.click();
expect(cmp.isFollowedByMe).toBeTruthy();
expect(relationshipService.follow).toHaveBeenCalledWith('1');
});示例5: spyOn
return tcb.createAsync(TestComponent).then((fixture) => {
fixture.detectChanges();
spyOn(fixture.componentInstance, "fileUploaded");
let el = fixture.debugElement.query(By.css('div#child'));
el.triggerEventHandler('drop', {
preventDefault(){
},
dataTransfer: {
files: [1, 2, 3],
items: [1, 2, 3]
}
});
window.setTimeout(()=> {
expect(fixture.componentInstance.fileUploaded).toHaveBeenCalledWith([1, 2, 3]);
}, 300);
});示例6: it
it('can be shown', () => {
ctx.fixture.detectChanges();
expect(cmpDebugElement).toBeTruthy();
const cmp:UserList = cmpDebugElement.componentInstance;
expect(cmp.users.length).toEqual(2);
expect(DOM.querySelectorAll(cmpDebugElement.nativeElement, '.users>li').length).toEqual(2);
const gravatarDebugElement = cmpDebugElement.query(By.directive(Gravatar));
expect(gravatarDebugElement).toBeTruthy();
expect(gravatarDebugElement.componentInstance.alt).toEqual('test1');
expect(gravatarDebugElement.componentInstance.email).toEqual('test1@test.com');
const userLink:HTMLElement = cmpDebugElement.query(By.css('.users>li>a')).nativeElement;
expect(userLink.innerText).toEqual('test1');
expect(userLink.getAttribute('href')).toEqual('/users/1');
});示例7: it
it('can be shown', () => {
expect(cmpDebugElement).toBeTruthy();
const signupLink = cmpDebugElement.query(By.css('a')).nativeElement;
expect(signupLink.getAttribute('href')).toEqual('/signup');
});示例8: getLinkElement
function getLinkElement(rtc: ComponentFixture, linkIndex: number = 0) {
return rtc.debugElement.queryAll(By.css('a'))[linkIndex].nativeElement;
}