DomHandler Unit Test Added and InputMask Unit Test Improvement for pr…

…imefaces#8025
JacobSiegle · Oct 2, 2019 · 86d7d01 · 86d7d01
1 parent a539de4
commit 86d7d01
Show file tree

Hide file tree

Showing 2 changed files with 190 additions and 0 deletions.
diff --git a/src/app/components/dom/domhandler.spec.ts b/src/app/components/dom/domhandler.spec.ts
@@ -0,0 +1,169 @@
+import { DomHandler } from './domhandler';
+
+describe('DomHandler', () => {
+
+    it('should add single and multiple class to element', () => {
+        const element = document.createElement("div");
+        DomHandler.addClass(element,"primeng");
+        let mockElement = {classList:undefined,className:""};
+        DomHandler.addClass(mockElement,"primeng");
+        expect(element.classList).toContain("primeng");
+        expect(mockElement.className).toContain("primeng");
+        DomHandler.addMultipleClasses(element,"rocks! vamos!");
+        DomHandler.addMultipleClasses(mockElement,"rocks! vamos!");
+        expect(element.classList.value).toContain("primeng rocks! vamos!");
+        expect(mockElement.className).toContain("rocks! vamos!");
+    });
+
+    it('should remove class from element', () => {
+        const element = document.createElement("div");
+        DomHandler.addClass(element,"primeng");
+        let mockElement = {classList:undefined,className:""};
+        DomHandler.addClass(mockElement,"primeng");
+        DomHandler.removeClass(element,"primeng");
+        DomHandler.removeClass(mockElement,"primeng");
+        expect(element.classList).not.toContain("primeng");
+        expect(mockElement.className).not.toContain("primeng");
+    });
+
+    it('should check elemets class', () => {
+        const element = document.createElement("div");
+        DomHandler.addClass(element,"primeng");
+        let mockElement = {classList:undefined,className:""};
+        DomHandler.addClass(mockElement,"primeng");
+        expect(DomHandler.hasClass(element,"primeng")).toBeTruthy();
+        expect(DomHandler.hasClass(mockElement,"primeng")).toBeTruthy();
+    });
+
+    it('should get siblings', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("span");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        expect(DomHandler.siblings(element.children[0]).length).toEqual(2);
+    });
+
+    it('should remove child', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("span");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        DomHandler.removeChild(element.children[1],element);
+        expect(element.children.length).toEqual(2);
+    });
+
+    it('should check value isInteger', () => {
+        expect(DomHandler.isInteger(5)).toBeTruthy();
+        expect(DomHandler.isInteger("5")).toBeFalsy();
+    });
+
+    it('should get focusable elements', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("button");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        expect(DomHandler.getFocusableElements(element).length).toEqual(1);
+    });
+
+    it('should find element', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("a");
+        DomHandler.addClass(childEl,"primeng");
+        DomHandler.addClass(childEl3,"primeng");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        expect(DomHandler.find(element,"a").length).toEqual(2);
+        expect(DomHandler.findSingle(element,"a")).toBeTruthy();
+        expect(DomHandler.findSingle(null,"a")).toBeNull();
+    });
+
+    it('should find index', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("a");
+        DomHandler.addClass(childEl,"primeng");
+        DomHandler.addClass(childEl3,"primeng");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        expect(DomHandler.index(element.children[2])).toEqual(2);
+    });
+
+    it('should find index with indexWithinGroup', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("a");
+        childEl2.setAttribute("primeng","rocks!");
+        childEl3.setAttribute("primeng","rocks!");
+        DomHandler.addClass(childEl,"primeng");
+        DomHandler.addClass(childEl3,"primeng");
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        expect(DomHandler.indexWithinGroup(element.children[2],"primeng")).toEqual(1);
+    });
+
+    it('should use relativePosition', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("a");
+        childEl2.setAttribute("primeng","rocks!");
+        childEl3.setAttribute("primeng","rocks!");
+        DomHandler.addClass(childEl,"primeng");
+        DomHandler.addClass(childEl3,"primeng");
+        element.style.height = "200px";
+        element.style.width = "200px";
+        childEl3.style.height = "100px";
+        childEl3.style.width = "100px";
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        DomHandler.relativePosition(element.children[2],element);
+        expect(childEl3.style.top).toEqual("0px");
+        expect(childEl3.style.left).toEqual("0px");
+    });
+
+    it('should use absolutePosition', () => {
+        const element = document.createElement("div");
+        const childEl = document.createElement("p");
+        const childEl2 = document.createElement("a");
+        const childEl3 = document.createElement("a");
+        childEl2.setAttribute("primeng","rocks!");
+        childEl3.setAttribute("primeng","rocks!");
+        DomHandler.addClass(childEl,"primeng");
+        DomHandler.addClass(childEl3,"primeng");
+        element.style.height = "200px";
+        element.style.width = "200px";
+        childEl3.style.height = "100px";
+        childEl3.style.width = "100px";
+        element.appendChild(childEl);
+        element.appendChild(childEl2);
+        element.appendChild(childEl3);
+        DomHandler.absolutePosition(element.children[2],element);
+        expect(childEl3.style.top).toEqual("0px");
+        expect(childEl3.style.left).toEqual("0px");
+    });
+
+    it('should get hidden element height and width', () => {
+        const element = document.createElement("div");
+        element.style.height = "0px";
+        element.style.width = "0px";
+        expect(DomHandler.getHiddenElementOuterHeight(element)).toEqual(0);
+        expect(DomHandler.getHiddenElementOuterWidth(element)).toEqual(0);
+    });
+});
diff --git a/src/app/components/inputmask/inputmask.spec.ts b/src/app/components/inputmask/inputmask.spec.ts
@@ -261,4 +261,25 @@ describe('InputMask', () => {
 
         expect(document.activeElement).not.toEqual(inputmask.inputViewChild.nativeElement);
     });
+
+    it('should be readonly', () => {
+        inputmask.readonly = true;
+        fixture.detectChanges();
+
+        const updateModelSpy = spyOn(inputmask, "updateModel").and.callThrough();
+        const inputMaskEl = fixture.debugElement.query(By.css("input"));
+        const event: any = document.createEvent('CustomEvent');
+        event.which = 13;
+        event.initEvent('keydown', true, true);
+        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
+        event.initEvent('input', true, true);
+        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
+        event.initEvent('keypress', true, true);
+        inputMaskEl.nativeElement.dispatchEvent(event as KeyboardEvent);
+        inputMaskEl.nativeElement.dispatchEvent(new Event("focus"));
+        fixture.detectChanges();
+
+        expect(document.activeElement).not.toEqual(inputmask.inputViewChild.nativeElement);
+        expect(updateModelSpy).not.toHaveBeenCalled();
+    });
 });