1 files changed, 57 insertions, 0 deletions
diff --git a/public/src/app/rule-engine/target/target.component.spec.ts b/public/src/app/rule-engine/target/target.component.spec.ts
new file mode 100644
index 0000000..6ddd8cd
--- /dev/null
+++ b/public/src/app/rule-engine/target/target.component.spec.ts
@@ -0,0 +1,57 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatButtonModule, MatIconModule } from '@angular/material';
+// component
+import { TargetComponent } from './target.component';
+
+describe('TargetComponent', () => {
+  let component: TargetComponent;
+  let fixture: ComponentFixture<TargetComponent>;
+  let de: DebugElement;
+  let el: HTMLElement;
+
+  beforeEach(
+    async(() => {
+      TestBed.configureTestingModule({
+        imports: [
+          FormsModule,
+          BrowserAnimationsModule,
+          MatButtonModule,
+          MatIconModule
+        ],
+        providers: [],
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        declarations: [TargetComponent]
+      }).compileComponents();
+    })
+  );
+
+  beforeEach(() => {
+    // create component and test fixture
+    fixture = TestBed.createComponent(TargetComponent);
+    // get test component from the fixture
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should open target tree when click on button', () => {
+    const openTargetElement = fixture.debugElement
+      .query(By.css('span[data-tests-id=openTargetTree]'))
+      .nativeElement.click();
+
+    fixture.detectChanges();
+
+    const treeContainer = fixture.debugElement.query(
+      By.css('.filter-container')
+    );
+    expect(treeContainer).not.toBeNull();
+  });
+});