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;
```
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
export {AngularEntrypoint} from 'angular2/src/core/angular_entrypoint';
|
|
export {
|
|
BROWSER_PROVIDERS,
|
|
ELEMENT_PROBE_PROVIDERS,
|
|
ELEMENT_PROBE_PROVIDERS_PROD_MODE,
|
|
inspectNativeElement,
|
|
BrowserDomAdapter,
|
|
By,
|
|
Title,
|
|
enableDebugTools,
|
|
disableDebugTools
|
|
} from 'angular2/src/platform/browser_common';
|
|
|
|
import {Type, isPresent} from 'angular2/src/facade/lang';
|
|
import {Promise} from 'angular2/src/facade/promise';
|
|
import {
|
|
BROWSER_PROVIDERS,
|
|
BROWSER_APP_COMMON_PROVIDERS
|
|
} from 'angular2/src/platform/browser_common';
|
|
import {ComponentRef, platform} from 'angular2/core';
|
|
|
|
/**
|
|
* An array of providers that should be passed into `application()` when bootstrapping a component
|
|
* when all templates
|
|
* have been precompiled offline.
|
|
*/
|
|
export const BROWSER_APP_PROVIDERS: Array<any /*Type | Provider | any[]*/> =
|
|
BROWSER_APP_COMMON_PROVIDERS;
|
|
|
|
/**
|
|
* See {@link bootstrap} for more information.
|
|
*/
|
|
export function bootstrapStatic(appComponentType: Type,
|
|
customProviders?: Array<any /*Type | Provider | any[]*/>,
|
|
initReflector?: Function): Promise<ComponentRef> {
|
|
if (isPresent(initReflector)) {
|
|
initReflector();
|
|
}
|
|
|
|
let appProviders =
|
|
isPresent(customProviders) ? [BROWSER_APP_PROVIDERS, customProviders] : BROWSER_APP_PROVIDERS;
|
|
return platform(BROWSER_PROVIDERS).application(appProviders).bootstrap(appComponentType);
|
|
}
|