perf(tag): adiciona ChangeDetectionStrategy.OnPush

Adiciona ChangeDetectionStrategy.OnPush no componente.

Author: jhonyeduardo

projects/ui/src/lib/components/po-tag/po-tag.component.spec.ts

@@ -1,3 +1,4 @@
+import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { Observable } from 'rxjs';
@@ -10,23 +11,32 @@ import { PoTagIcon } from './enums/po-tag-icon.enum';
 import { PoTagOrientation } from './enums/po-tag-orientation.enum';
 import { PoTagType } from './enums/po-tag-type.enum';
 
+@Component({
+  template: `<po-tag p-label="Mock" (p-click)="onClick()"></po-tag>`
+})
+class PoTagClickableComponent {
+  onClick() {}
+}
+
 describe('PoTagComponent:', () => {
   let component: PoTagComponent;
   let fixture: ComponentFixture<PoTagComponent>;
 
+  let fixtureClickable: ComponentFixture<PoTagClickableComponent>;
+
   let nativeElement: any;
 
   configureTestSuite(() => {
     TestBed.configureTestingModule({
-      declarations: [ PoTagComponent ]
+      declarations: [ PoTagComponent, PoTagClickableComponent ]
     });
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoTagComponent);
     component = fixture.componentInstance;
 
-    fixture.detectChanges();
+    fixtureClickable = TestBed.createComponent(PoTagClickableComponent);
 
     nativeElement = fixture.debugElement.nativeElement;
   });
@@ -231,6 +241,8 @@ describe('PoTagComponent:', () => {
     });
 
     it('should add `po-tag-info` as default.', () => {
+      fixture.detectChanges();
+
       expect(nativeElement.querySelector('.po-tag-info')).toBeTruthy();
     });
 
@@ -303,10 +315,9 @@ describe('PoTagComponent:', () => {
     });
 
     it('should add `po-clickable` if `p-click` @Output is wire up`.', () => {
-      component.isClickable = true;
+      fixtureClickable.detectChanges();
 
-      fixture.detectChanges();
-      expect(nativeElement.querySelector('.po-clickable')).toBeTruthy();
+      expect(fixtureClickable.debugElement.nativeElement.querySelector('.po-clickable')).toBeTruthy();
     });
 
     it('shouldn`t add `po-clickable` if `p-click` @Output isn`t wire up`.', () => {

projects/ui/src/lib/components/po-tag/po-tag.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 
 import { PoKeyCodeEnum } from '../../enums/po-key-code.enum';
 
@@ -31,7 +31,8 @@ const poTagTypeDefault = 'po-tag-' + PoTagType.Info;
  */
 @Component({
   selector: 'po-tag',
-  templateUrl: './po-tag.component.html'
+  templateUrl: './po-tag.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PoTagComponent extends PoTagBaseComponent implements OnInit {