fix(animations): resolve error when using AnimationBuilder with platf…

…orm-server (#18642)

Use an injected DOCUMENT instead of assuming the global 'document'
exists.

Fixes #18635.

PR Close #18642

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,15 +16,15 @@ 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',
       encapsulation: ViewEncapsulation.None,
       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 {

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 {ApplicationRef, CompilerFactory, Component, HostListener, Input, NgModule, NgModuleRef, NgZone, PLATFORM_ID, PlatformRef, ViewEncapsulation, destroyPlatform, getPlatform} from '@angular/core';
 import {TestBed, async, inject} from '@angular/core/testing';
@@ -98,6 +98,8 @@ class SVGServerModule {
       [transition('void => *', [style({'opacity': '0'}), animate(500, style({'opacity': '1'}))])])],
 })
 class MyAnimationApp {
+  constructor(private builder: AnimationBuilder) {}
+
   text = 'Works!';
 }