[UXP-126] Fix reference to window and document object

Author: atarix83

src/app/directives/text-select/text-select.directive.spec.ts

@@ -1,6 +1,7 @@
 import { TextSelectDirective } from './text-select.directive';
 import { ApplicationRef, ElementRef, NgZone } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { DOCUMENT } from '@angular/common';
 
 describe('TextSelectDirective', () => {
   let directive: TextSelectDirective;
@@ -12,6 +13,7 @@ describe('TextSelectDirective', () => {
     TestBed.configureTestingModule({
       providers: [
         TextSelectDirective,
+        { provide: Document, useExisting: DOCUMENT },
         { provide: ApplicationRef, useValue: { attachView: () => ({ rootNodes: [{}] }) } },
         { provide: ElementRef, useValue: { nativeElement: document.createElement('div') } },
         { provide: NgZone, useValue: new NgZone({}) },

src/app/directives/text-select/text-select.directive.ts

@@ -6,12 +6,14 @@ import {
   ElementRef,
   EmbeddedViewRef,
   EnvironmentInjector,
+  Inject,
   Input,
   NgZone,
   OnDestroy,
   OnInit
 } from '@angular/core';
 import { TextSelectionTooltipComponent } from './text-selection-tooltip/text-selection-tooltip.component';
+import { DOCUMENT } from '@angular/common';
 
 @Directive({
   selector: '[dsTextSelectTooltip]',
@@ -28,6 +30,7 @@ export class TextSelectDirective implements OnInit, OnDestroy {
 
   // Initialize the directive.
   constructor(
+    @Inject(DOCUMENT) private _document: Document,
     private elementRef: ElementRef,
     private zone: NgZone,
     private appRef: ApplicationRef,
@@ -38,7 +41,7 @@ export class TextSelectDirective implements OnInit, OnDestroy {
   // Clean up when the directive is destroyed.
   ngOnDestroy(): void {
     this.elementRef.nativeElement.removeEventListener('mousedown', this.handleMousedown, false);
-    document.removeEventListener('mouseup', this.handleMouseup, false);
+    this._document.removeEventListener('mouseup', this.handleMouseup, false);
   }
 
   // Set up event listeners when the directive is initialized.
@@ -59,12 +62,12 @@ export class TextSelectDirective implements OnInit, OnDestroy {
 
   // Handle mousedown events inside the current element.
   handleMousedown = (): void => {
-    document.addEventListener('mouseup', this.handleMouseup, false);
+    this._document.addEventListener('mouseup', this.handleMouseup, false);
   };
 
   // Handle mouseup events anywhere in the document.
   private handleMouseup = (): void => {
-    document.removeEventListener('mouseup', this.handleMouseup, false);
+    this._document.removeEventListener('mouseup', this.handleMouseup, false);
     this.processSelection();
   };
 
@@ -73,7 +76,7 @@ export class TextSelectDirective implements OnInit, OnDestroy {
   }
 
   processSelection(): void {
-    const selection = document.getSelection();
+    const selection = this._document.getSelection();
     const stringSelection = selection.toString().trim();
     const previousSelection = this.selectedText;
 
@@ -106,7 +109,7 @@ export class TextSelectDirective implements OnInit, OnDestroy {
             this.appRef.attachView(this.componentRef.hostView);
 
             const domElem = (this.componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
-            document.body.appendChild(domElem);
+            this._document.body.appendChild(domElem);
 
             this.componentRef.instance.elementRectangleLeft = viewportRectangle.left + window.scrollX;
             this.componentRef.instance.elementRectangleTop = viewportRectangle.top + window.scrollY;

src/app/directives/text-select/text-selection-tooltip/text-selection-tooltip.component.ts

@@ -76,7 +76,7 @@ export class TextSelectionTooltipComponent implements OnInit, OnDestroy {
     this.checkPosition();
     this.ngZone.runOutsideAngular(() => {
       // listen to scroll event to update position
-      window.addEventListener('scroll', this.boundCheckPosition);
+      this._window.nativeWindow.addEventListener('scroll', this.boundCheckPosition);
     });
   }
 
@@ -114,7 +114,7 @@ export class TextSelectionTooltipComponent implements OnInit, OnDestroy {
     if (this.utterance) {
       speechSynthesis.cancel();
     }
-    window.removeEventListener('scroll', this.boundCheckPosition);
+    this._window.nativeWindow.removeEventListener('scroll', this.boundCheckPosition);
   }
 
   pauseTextToSpeech() {