Now, using `ng.probe(element)` in the browser console returns
a DebugElement when in dev mode.
`ComponentFixture#debugElement` also returns a new DebugElement.
Breaking Change:
This is a breaking change for unit tests. The API for the DebugElement
has changed. Now, there is a DebugElement or DebugNode for every node
in the DOM, not only nodes with an ElementRef. `componentViewChildren` is
removed, and `childNodes` is a list of ElementNodes corresponding to every
child in the DOM. `query` no longer takes a scope parameter, since
the entire rendered DOM is included in the `childNodes`.
Before:
```
componentFixture.debugElement.componentViewChildren[0];
```
After
```
// Depending on the DOM structure of your component, the
// index may have changed or the first component child
// may be a sub-child.
componentFixture.debugElement.children[0];
```
Before:
```
debugElement.query(By.css('div'), Scope.all());
```
After:
```
debugElement.query(By.css('div'));
```
Before:
```
componentFixture.debugElement.elementRef;
```
After:
```
componentFixture.elementRef;
```
16 lines
740 B
TypeScript
16 lines
740 B
TypeScript
/**
|
|
* This is a set of classes and objects that can be used both in the browser and on the server.
|
|
*/
|
|
export {DOM, setRootDomAdapter, DomAdapter} from 'angular2/src/platform/dom/dom_adapter';
|
|
export {DomRenderer} from 'angular2/src/platform/dom/dom_renderer';
|
|
export {DOCUMENT} from 'angular2/src/platform/dom/dom_tokens';
|
|
export {SharedStylesHost, DomSharedStylesHost} from 'angular2/src/platform/dom/shared_styles_host';
|
|
export {DomEventsPlugin} from 'angular2/src/platform/dom/events/dom_events';
|
|
export {
|
|
EVENT_MANAGER_PLUGINS,
|
|
EventManager,
|
|
EventManagerPlugin
|
|
} from 'angular2/src/platform/dom/events/event_manager';
|
|
export * from 'angular2/src/platform/dom/debug/by';
|
|
export * from 'angular2/src/platform/dom/debug/ng_probe';
|