import {DebugElement} from '@angular/core'; import {Type, isPresent} from '../../../src/facade/lang'; import {Predicate} from '../../../src/facade/collection'; import {getDOM} from '../../dom/dom_adapter'; /** * Predicates for use with {@link DebugElement}'s query functions. */ export class By { /** * Match all elements. * * ## Example * * {@example platform/dom/debug/ts/by/by.ts region='by_all'} */ static all(): Predicate { return (debugElement) => true; } /** * Match elements by the given CSS selector. * * ## Example * * {@example platform/dom/debug/ts/by/by.ts region='by_css'} */ static css(selector: string): Predicate { return (debugElement) => { return isPresent(debugElement.nativeElement) ? getDOM().elementMatches(debugElement.nativeElement, selector) : false; }; } /** * Match elements that have the given directive present. * * ## Example * * {@example platform/dom/debug/ts/by/by.ts region='by_directive'} */ static directive(type: Type): Predicate { return (debugElement) => { return debugElement.providerTokens.indexOf(type) !== -1; }; } }