diff --git a/packages/platform-browser/animations/src/animation_builder.ts b/packages/platform-browser/animations/src/animation_builder.ts index d94f6c5e2d..030fb70d01 100644 --- a/packages/platform-browser/animations/src/animation_builder.ts +++ b/packages/platform-browser/animations/src/animation_builder.ts @@ -6,7 +6,8 @@ * found in the LICENSE file at https://angular.io/license */ import {AnimationBuilder, AnimationFactory, AnimationMetadata, AnimationOptions, AnimationPlayer, NoopAnimationPlayer, sequence} from '@angular/animations'; -import {Injectable, RendererFactory2, RendererType2, ViewEncapsulation} from '@angular/core'; +import {Inject, Injectable, RendererFactory2, RendererType2, ViewEncapsulation} from '@angular/core'; +import {DOCUMENT} from '@angular/platform-browser'; import {AnimationRenderer} from './animation_renderer'; @@ -15,7 +16,7 @@ export class BrowserAnimationBuilder extends AnimationBuilder { private _nextAnimationId = 0; private _renderer: AnimationRenderer; - constructor(rootRenderer: RendererFactory2) { + constructor(rootRenderer: RendererFactory2, @Inject(DOCUMENT) doc: any) { super(); const typeData = { id: '0', @@ -23,7 +24,7 @@ export class BrowserAnimationBuilder extends AnimationBuilder { styles: [], data: {animation: []} } as RendererType2; - this._renderer = rootRenderer.createRenderer(document.body, typeData) as AnimationRenderer; + this._renderer = rootRenderer.createRenderer(doc.body, typeData) as AnimationRenderer; } build(animation: AnimationMetadata|AnimationMetadata[]): AnimationFactory { diff --git a/packages/platform-server/test/integration_spec.ts b/packages/platform-server/test/integration_spec.ts index 5844a11c36..3620dc532b 100644 --- a/packages/platform-server/test/integration_spec.ts +++ b/packages/platform-server/test/integration_spec.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.io/license */ -import {animate, style, transition, trigger} from '@angular/animations'; +import {AnimationBuilder, animate, style, transition, trigger} from '@angular/animations'; import {APP_BASE_HREF, PlatformLocation, isPlatformServer} from '@angular/common'; import {HttpClient, HttpClientModule} from '@angular/common/http'; import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing'; @@ -100,6 +100,8 @@ class SVGServerModule { [transition('void => *', [style({'opacity': '0'}), animate(500, style({'opacity': '1'}))])])], }) class MyAnimationApp { + constructor(private builder: AnimationBuilder) {} + text = 'Works!'; }