Some more tests.

src/Squidex/app/framework/angular/modal-view.directive.ts

@@ -31,7 +31,7 @@ export class ModalViewDirective implements OnChanges, OnInit, OnDestroy {
         private readonly templateRef: TemplateRef<any>,
         private readonly renderer: Renderer,
         private readonly viewContainer: ViewContainerRef,
-        private readonly rootViewService: RootViewService
+        private readonly rootContainer: RootViewService
     ) {
     }
 
@@ -82,7 +82,7 @@ export class ModalViewDirective implements OnChanges, OnInit, OnDestroy {
 
                     if (isOpen) {
                         if (this.placeOnRoot) {
-                            this.renderedView = this.rootViewService.rootView.createEmbeddedView(this.templateRef);
+                            this.renderedView = this.rootContainer.createEmbeddedView(this.templateRef);
                         } else {
                             this.renderedView = this.viewContainer.createEmbeddedView(this.templateRef);
                         }
@@ -91,7 +91,7 @@ export class ModalViewDirective implements OnChanges, OnInit, OnDestroy {
                         this.renderedView = null;
 
                         if (this.placeOnRoot) {
-                            this.rootViewService.rootView.clear();
+                            this.rootContainer.clear();
                         } else {
                             this.viewContainer.clear();
                         }

src/Squidex/app/framework/angular/root-view.directive.spec.ts

@@ -0,0 +1,25 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Sebastian Stehle. All rights reserved
+ */
+
+import { RootViewDirective } from './../';
+
+describe('RootViewDirective', () => {
+    it('should call init of service in ctor', () => {
+        let viewRef = {};
+        let viewRefPassed = null;
+
+        const service = {
+            init: (ref: any) => {
+                viewRefPassed = ref;
+            }
+        };
+
+        new RootViewDirective(<any>viewRef, <any>service);
+
+        expect(viewRef).toBe(viewRefPassed);
+    });
+});

src/Squidex/app/framework/angular/root-view.directive.ts

@@ -14,6 +14,6 @@ import { RootViewService } from './../services/root-view.service';
 })
 export class RootViewDirective {
     constructor(viewContainer: ViewContainerRef, rootViewService: RootViewService) {
-        rootViewService.rootView = viewContainer;
+        rootViewService.init(viewContainer);
     }
 }

src/Squidex/app/framework/services/root-view.service.spec.ts

@@ -0,0 +1,43 @@
+/*
+ * Squidex Headless CMS
+ *
+ * @license
+ * Copyright (c) Sebastian Stehle. All rights reserved
+ */
+
+import { RootViewService } from './../';
+
+describe('RootViewService', () => {
+    const rootViewService = new RootViewService();
+
+    it('should call view when clearing element', () => {
+        let isClearCalled = false;
+
+        const viewRef = {
+            clear: () => {
+                isClearCalled = true;
+            }
+        };
+
+        rootViewService.init(<any>viewRef);
+        rootViewService.clear();
+
+        expect(isClearCalled).toBeTruthy();
+    });
+
+    it('should call view when creating element', () => {
+        let view = {};
+
+        const viewRef = {
+            createEmbeddedView: () => {
+                return view;
+            }
+        };
+
+        rootViewService.init(<any>viewRef);
+
+        const result = rootViewService.createEmbeddedView(<any>{});
+
+        expect(result).toBe(view);
+    });
+});

src/Squidex/app/framework/services/root-view.service.ts

@@ -5,9 +5,21 @@
  * Copyright (c) Sebastian Stehle. All rights reserved
  */
 
-import { Injectable, ViewContainerRef } from '@angular/core';
+import { EmbeddedViewRef, Injectable, TemplateRef, ViewContainerRef } from '@angular/core';
 
 @Injectable()
 export class RootViewService {
-    public rootView: ViewContainerRef;
+    private rootView: ViewContainerRef;
+
+    public init(view: ViewContainerRef) {
+        this.rootView = view;
+    }
+
+    public createEmbeddedView<C>(templateRef: TemplateRef<C>, context?: C, index?: number): EmbeddedViewRef<C> {
+        return this.rootView.createEmbeddedView(templateRef, context, index);
+    }
+
+    public clear() {
+        this.rootView.clear();
+    }
 }