Tests

Author: HollyPony

src/input-tags.spec.js

@@ -1,26 +1,156 @@
-describe('input-tags', () => {
+describe('Module: angularjs-input-tags -', () => {
   let $componentController;
 
   beforeEach(angular.mock.module('angularjs-input-tags'));
   beforeEach(angular.mock.inject(_$componentController_ => {
     $componentController = _$componentController_;
   }));
 
-  describe('addTag', () => {
-    it('should emit `onTagAdding` callback', () => {
-      const onTagAddingSpy = jasmine.createSpy('onTagAdding');
-      const bindings = {onTagAdding: onTagAddingSpy};
-      const ctrl = $componentController('inputTags', undefined, bindings);
+  describe('Component: inputTags -', () => {
+    describe('Event: onTagAdding', () => {
+      it('should be emit', () => {
+        const onTagAddingSpy = jasmine.createSpy('onTagAdding');
+        const bindings = {onTagAdding: onTagAddingSpy};
+        const ctrl = $componentController('inputTags', undefined, bindings);
+        ctrl.$onInit();
+        ctrl.addTag({code: 1, text: '1'});
+        expect(onTagAddingSpy).toHaveBeenCalled();
+      });
+
+      it('should be emit with formatted tag value', () => {
+        const onTagAddingSpy = jasmine.createSpy('onTagAdding');
+        const bindings = {onTagAdding: onTagAddingSpy};
+        const ctrl = $componentController('inputTags', undefined, bindings);
+        ctrl.$onInit();
+        ctrl.addTag({code: 1, text: '1'});
+        expect(onTagAddingSpy).toHaveBeenCalledWith({code: 1, text: '1'});
+      });
+    });
+
+    it('should add tag on list', () => {
+      const ctrl = $componentController('inputTags');
       ctrl.$onInit();
       ctrl.addTag({code: 1, text: '1'});
-      expect(onTagAddingSpy).toHaveBeenCalledWith({code: 1, text: '1'});
+      expect(ctrl.tags).toContain({code: 1, text: '1'});
     });
 
     it('should update tag list', () => {
       const ctrl = $componentController('inputTags');
       ctrl.$onInit();
       ctrl.addTag({code: 1, text: '1'});
-      expect(ctrl.tags).toContain({code: 1, text: '1'});
+      ctrl.addTag({code: 1, text: '1'});
+      ctrl.addTag({code: 1, text: '1'});
+      expect(ctrl.tags.length).toBe(1);
+    });
+
+    it('should ', () => {
+      const ctrl = $componentController('inputTags');
+      ctrl.$onInit();
+      ctrl.triggerFocus();
+      expect(ctrl.autocompleteVisible).toBe(true);
+    });
+
+    it('should ', () => {
+      const ctrl = $componentController('inputTags');
+      ctrl.$onInit();
+      ctrl.triggerBlur();
+      expect(ctrl.autocompleteVisible).toBe(false);
+    });
+
+    it('should ', () => {
+      const ctrl = $componentController('inputTags');
+      ctrl.$onInit();
+      ctrl.getTagText({text: 'test'});
+      expect(ctrl.autocompleteVisible).toBe(false);
+    });
+
+    it('should ', () => {
+      const ctrl = $componentController('inputTags');
+      ctrl.$onInit();
+      const result = ctrl.track({text: '1'});
+      expect(result).toBe('1');
+    });
+
+    it('should emit `onTagRemoving` event', () => {
+      const onTagRemovingSpy = jasmine.createSpy('onTagRemoving');
+      const bindings = {
+        onTagRemoving: onTagRemovingSpy,
+        tags: ['Demo']
+      };
+      const ctrl = $componentController('inputTags', undefined, bindings);
+      ctrl.$onInit();
+      ctrl.removeTag({code: 1, text: '1'});
+      expect(onTagRemovingSpy).toHaveBeenCalled();
+      expect(onTagRemovingSpy).toHaveBeenCalledWith({code: 1, text: '1'});
+    });
+
+    it('should remove matching element by code', () => {
+      const ctrl = $componentController('inputTags');
+      ctrl.$onInit();
+      ctrl.tags = [];
+      ctrl.addTag({code: 1, text: '1'});
+      ctrl.removeTag({code: 1});
+      expect(ctrl.tags.length).toBe(0);
+    });
+  });
+
+  describe('Component: inputTagsAutoComplete', () => {
+    it('should emit `onTagAdd` event', () => {
+      const onTagAddSpy = jasmine.createSpy('onTagAdd');
+      const bindings = {onTagAdd: onTagAddSpy};
+      const ctrl = $componentController('inputTagsAutoComplete', undefined, bindings);
+      ctrl.$onInit();
+      ctrl.addTag({code: 1, text: '0'});
+      expect(onTagAddSpy).toHaveBeenCalled();
+    });
+
+    it('should not emit `onTagAdd` event', () => {
+      const onTagAddSpy = jasmine.createSpy('onTagAdd');
+      const bindings = {onTagAdd: onTagAddSpy};
+      const ctrl = $componentController('inputTagsAutoComplete', undefined, bindings);
+      ctrl.$onInit();
+      ctrl.addTag();
+      expect(onTagAddSpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should emit `onTagAdd` event with formatted tag value', () => {
+      const onTagAddSpy = jasmine.createSpy('onTagAdd');
+      const bindings = {onTagAdd: onTagAddSpy};
+      const ctrl = $componentController('inputTagsAutoComplete', undefined, bindings);
+      ctrl.$onInit();
+      ctrl.addTag({code: 1, text: '1'});
+      expect(onTagAddSpy).toHaveBeenCalledWith({tag: {code: 1, text: '1'}});
+    });
+
+    it('should reset the tag list', () => {
+      const ctrl = $componentController('inputTagsAutoComplete');
+      ctrl.$onInit();
+      expect(ctrl.path.length).toBe(0);
+    });
+
+    it('should go to the selected element in the tree', () => {
+      const ctrl = $componentController('inputTagsAutoComplete');
+      ctrl.$onInit();
+      const pathLength = ctrl.path.length;
+      ctrl.next('subLevel');
+      expect(ctrl.path.length).toBe(pathLength + 1);
+    });
+
+    it('should back to the previous element in the tree when on the root', () => {
+      const ctrl = $componentController('inputTagsAutoComplete');
+      ctrl.$onInit();
+      ctrl.path = [];
+      ctrl.previous();
+      expect(ctrl.path.length).toBe(0);
+    });
+
+    it('should back to the previous element in the tree when in 2 sublevels', () => {
+      const ctrl = $componentController('inputTagsAutoComplete');
+      ctrl.$onInit();
+      ctrl.next('subLevel');
+      ctrl.next('subSubLevel');
+      ctrl.previous();
+      expect(ctrl.path.length).toBe(1);
     });
   });
 });