bastion 0.1.0

data/test/incubator/alch-flyout.directive.test.js

@@ -0,0 +1,73 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+describe('Directive: alchFlyout', function() {
+    var scope,
+        compile,
+        testItems,
+        element,
+        elementScope;
+
+    beforeEach(module('alchemy', 'incubator/views/alch-flyout.html'));
+
+    beforeEach(inject(function(_$compile_, _$rootScope_) {
+        compile = _$compile_;
+        scope = _$rootScope_;
+    }));
+
+    beforeEach(function() {
+        testItems = [
+            {url: 'http://redhat.com', display: 'Red Hat'},
+            {url: 'http://google.com', display: 'Google'},
+        ];
+        scope.items = testItems;
+
+        element = angular.element('<ul alch-flyout="items"></ul>');
+        compile(element)(scope);
+        scope.$digest();
+
+        elementScope = element.isolateScope();
+        elementScope.setHover = function() {};
+    });
+
+    it("should display a .flyout <ul>", function() {
+        expect(element.is('ul')).toBe(true);
+        expect(element.hasClass('flyout')).toBe(true);
+    });
+
+    it("should display an <li> element for each item.", function() {
+        expect(element.find('li').length).toBe(2);
+        expect(element.find('.flyout-item').length).toBe(2);
+    });
+
+    describe("should respond to mouse events", function() {
+        var target;
+
+        beforeEach(function() {
+            target = angular.element(element.find('li')[1]);
+            spyOn(elementScope, 'setHover');
+        });
+
+        it("by setting the item to active on mouse in", function() {
+            target.mouseenter();
+
+            expect(elementScope.setHover).toHaveBeenCalledWith(testItems[1], true);
+        });
+
+        it("by setting the item to inactive on mouse out", function() {
+            target.mouseleave();
+
+            expect(elementScope.setHover).toHaveBeenCalledWith(testItems[1], false);
+        });
+    });
+});

data/test/incubator/alch-form-buttons.directive.test.js

@@ -0,0 +1,55 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+
+describe('Directive: alchFormButtons', function() {
+    var $scope, $compile, element;
+
+    beforeEach(module(
+        'alchemy',
+        'incubator/views/alch-save-control.html',
+        'incubator/views/alch-form-buttons.html'
+    ));
+
+    beforeEach(inject(function(_$compile_, _$rootScope_) {
+        $compile = _$compile_;
+        $scope = _$rootScope_;
+    }));
+
+    beforeEach(function() {
+        element = '<form name="testForm">' +
+                    '<input name="name" ng-model="fake.name" required>' +
+                    '<div alch-form-buttons ' +
+                        'on-cancel="transitionTo(\'product.index\')" ' +
+                        'on-save="save(product)" ' +
+                        'working="working"> ' +
+                   '</div>' +
+                 '</form>';
+
+        element = $compile(element)($scope);
+        $scope.$digest();
+    });
+
+    it("should set create button to disabled if no server validator is set but the form is invalid", function() {
+        var disabled = angular.element(element).find('.btn-primary').attr('disabled');
+        expect(disabled).toBe('disabled');
+    });
+
+    it("should set create button to enabled if a server validator is set", function() {
+        $scope.testForm.name.$error.server = true;
+        $scope.$digest();
+        var disabled = angular.element(element).find('.btn-primary').attr('disabled');
+        expect(disabled).toBe(undefined);
+    });
+
+});

data/test/incubator/alch-form-group.directive.test.js

@@ -0,0 +1,76 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+
+describe('Directive: alchFormGroup', function() {
+    var $scope, $compile, element;
+
+    beforeEach(module(
+        'alchemy',
+        'incubator/views/alch-form-group.html'
+    ));
+
+    beforeEach(inject(function(_$compile_, _$rootScope_) {
+        $compile = _$compile_;
+        $scope = _$rootScope_;
+    }));
+
+    beforeEach(function() {
+        element = '<form name="testForm">' +
+                    '<div alch-form-group label="Name" required>' +
+                        '<input id="name" ' +
+                               'name="name" ' +
+                               'ng-model="fake.name" ' +
+                               'type="text" ' +
+                               'tabindex="1" ' +
+                               'required/>' +
+                    '</div>' +
+                 '</form>';
+
+        $scope.fake = {name: ''};
+        element = $compile(element)($scope);
+        $scope.$digest();
+    });
+
+    it("should add a 'form-control' class to the input", function() {
+        expect(element.find('input').hasClass('form-control')).toBe(true);
+    });
+
+    it("should display validation error messages if they exist", function() {
+        $scope.testForm.name.$error.messages = ['Error message']
+        $scope.$digest();
+
+        expect(element.find('.help-block').hasClass('ng-hide')).toBe(false);
+        expect(element.find('li').length).toBeGreaterThan(0);
+    });
+
+    it("should set the form group to an error state if the form is invalid and dirty", function() {
+        $scope.testForm.name.$dirty = true;
+        $scope.$digest();
+
+        expect($scope.testForm.name.$invalid).toBe(true);
+        expect($scope.testForm.name.$dirty).toBe(true);
+        expect(element.find('.has-error').length).toBeGreaterThan(0);
+    });
+
+    it("should not set the form group to an error state if the form is invalid but not dirty", function() {
+        expect(element.find('.has-errors').length).toBe(0);
+    });
+
+    it("should do nothing if valid and dirty", function() {
+        $scope.testForm.name.$dirty = true;
+        $scope.$digest();
+
+        expect(element.find('.has-errors').length).toBe(0);
+    });
+});

data/test/incubator/alch-infinite-scroll.directive.test.js

@@ -0,0 +1,123 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+describe('Directive: alchInfiniteScroll', function () {
+    var $scope, $compile, $q, element;
+
+    beforeEach(module('alchemy'));
+
+    beforeEach(inject(function ($rootScope, _$compile_, _$q_){
+        $scope = $rootScope;
+        $compile = _$compile_;
+        $q = _$q_;
+
+        $scope.scrollHandler = {
+            doIt: function() {
+                var deferred = $q.defer();
+                element.append('<p style="height: 10px;"></p>');
+                deferred.resolve({});
+                return deferred.promise;
+            }
+        };
+        $scope.data = [];
+        element = angular.element('<div data="data" alch-infinite-scroll="scrollHandler.doIt()" style=" height: 100px; position: absolute; overflow-y: auto;"></div>');
+        $('body').append(element);
+    }));
+
+    describe("loads more results if scrolling near the bottom", function() {
+        beforeEach(function() {
+            $compile(element)($scope);
+            $scope.$digest();
+        });
+
+        it("calls the provided scroll function when scrolling near the bottom.", function() {
+            spyOn($scope.scrollHandler, "doIt");
+
+            // 95% of the height of the scroll area
+            element.scrollTop(element[0].scrollHeight *.95);
+            element.trigger('scroll');
+
+            expect($scope.scrollHandler.doIt).toHaveBeenCalled();
+        });
+
+        it("does not calls the provided scroll function when not scrolling near the bottom.", function() {
+            spyOn($scope.scrollHandler, "doIt");
+
+            // 10% of the height of the scroll area
+            element.scrollTop(element[0].scrollHeight *.10);
+            element.trigger('scroll');
+
+            expect($scope.scrollHandler.doIt).not.toHaveBeenCalled();
+        });
+    });
+
+    describe("loads more results if there is not a scrollbar", function() {
+        it("on initial load.", function() {
+            spyOn($scope.scrollHandler, "doIt").andCallThrough();
+            $compile(element)($scope);
+            $scope.$digest();
+            expect($scope.scrollHandler.doIt.callCount).toBe(10);
+        });
+    });
+
+    describe("does not load more results if there is already a scrollbar", function() {
+        beforeEach(function() {
+            $compile(element)($scope);
+            $scope.$digest();
+        });
+
+        it("on initial load.", function() {
+            spyOn($scope.scrollHandler, "doIt").andCallThrough();
+            $scope.$digest();
+            expect($scope.scrollHandler.doIt.callCount).toBe(0);
+        });
+    });
+
+    describe("loads more results based on the height of the elements", function() {
+        beforeEach(function() {
+            element.empty();
+            element.append('<p style="height: 10px;"></p>');
+        });
+
+        it("loads more results if the scroll height is less than element height.", function() {
+            spyOn($scope.scrollHandler, "doIt").andCallThrough();
+            element.height("9px");
+
+            $compile(element)($scope);
+            $scope.$digest();
+
+            expect($scope.scrollHandler.doIt.callCount).toBe(1);
+        });
+
+        it("does not load more results if the scroll height is equal to the element height.", function() {
+            element.height("10px");
+
+            $compile(element)($scope);
+
+            spyOn($scope.scrollHandler, "doIt");
+            $scope.$digest();
+
+            expect($scope.scrollHandler.doIt.callCount).toBe(0);
+        });
+
+        it("does not load more results if the scroll height is greater than the element height.", function() {
+            element.height("11px");
+            element.append('<p style="height: 10px;"></p>');
+            $compile(element)($scope);
+
+            spyOn($scope.scrollHandler, "doIt");
+            $scope.$digest();
+
+            expect($scope.scrollHandler.doIt.callCount).toBe(0);
+        });
+    });
+});

data/test/incubator/alch-menu.directive.test.js

@@ -0,0 +1,94 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+describe('Directive: alchMenu', function() {
+    var scope,
+        compile,
+        window,
+        testMenu,
+        element,
+        elementScope;
+
+    beforeEach(module(
+        'alchemy',
+        'incubator/views/alch-menu.html',
+        'incubator/views/alch-dropdown.html',
+        'incubator/views/alch-flyout.html'
+    ));
+
+    beforeEach(inject(function(_$compile_, _$rootScope_, $window) {
+        compile = _$compile_;
+        scope = _$rootScope_;
+        window = angular.element($window);
+    }));
+
+    beforeEach(function() {
+        testMenu = {items: [
+            {url: 'http://redhat.com', display: 'Red Hat'},
+            {url: 'http://google.com', display: 'Google'},
+            {display: 'Projects', type: 'dropdown', items: [
+                {url: 'http://katello.org', display: 'Katello'},
+                {url: 'http://theforeman.org', display: 'Foreman'}
+            ]}
+        ]};
+        scope.items = testMenu;
+
+        element = angular.element('<nav alch-menu="items"></nav>');
+        compile(element)(scope);
+        scope.$digest();
+
+        elementScope = element.isolateScope();
+    });
+
+    it("should display a nav", function() {
+        expect(element.is('nav')).toBe(true);
+    });
+
+    it("should display a .menu-container <ul>", function() {
+        expect(element.find('.menu-container').length).toBe(1);
+    });
+
+    it("should display a .menu-item <li> for each top level menu item", function() {
+        expect(element.find('.menu-item').length).toBe(3);
+    });
+
+    it("should display an <li> element for each item (including children).", function() {
+        expect(element.find('li').length).toBe(5);
+    });
+
+    describe("should handle mouse events for child dropdowns", function() {
+        var target;
+
+        beforeEach(function() {
+            target = angular.element(element.find('li')[2]);
+            spyOn(elementScope, 'handleHover').andCallThrough();
+        });
+
+        it("by setting the item to active on mouse in", function() {
+            target.mouseenter();
+
+            expect(elementScope.handleHover).toHaveBeenCalledWith(testMenu.items[2], true);
+            expect(testMenu.items[2].active).toBe(true);
+            expect(elementScope.dropdown.show).toBe(true);
+            expect(elementScope.dropdown).toBe(testMenu.items[2].items);
+        });
+
+        it("by setting the item to inactive on mouse out", function() {
+            target.mouseenter();
+            target.mouseleave();
+
+            expect(elementScope.handleHover).toHaveBeenCalledWith(testMenu.items[2], false);
+            expect(elementScope.dropdown.show).toBe(false);
+        });
+    });
+});

data/test/incubator/alch-modal.directive.test.js

@@ -0,0 +1,81 @@
+/**
+ * Copyright 2014 Red Hat, Inc.
+ *
+ * This software is licensed to you under the GNU General Public
+ * License as published by the Free Software Foundation; either version
+ * 2 of the License (GPLv2) or (at your option) any later version.
+ * There is NO WARRANTY for this software, express or implied,
+ * including the implied warranties of MERCHANTABILITY,
+ * NON-INFRINGEMENT, or FITNESS FOR A PARTICULAR PURPOSE. You should
+ * have received a copy of GPLv2 along with this software; if not, see
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt.
+ */
+
+describe('Directive: alchModal', function() {
+    var scope,
+        compile,
+        $modal,
+        $q,
+        translate,
+        testItem,
+        element,
+        elementScope;
+
+    beforeEach(module('alchemy', 'incubator/views/alch-modal-remove.html'));
+
+    beforeEach(module(function($provide) {
+        testItem = {
+            name: 'Test Name',
+            taco: 'carnitas',
+            delete: function() {}
+        };
+
+        translate = function() {
+            this.$get = function() {
+                return function() {};
+            };
+        };
+
+        $modal = {
+            $get: function() {
+                return this;
+            },
+            open: function() {
+                var deferred = $q.defer();
+                deferred.resolve({});
+
+                return {
+                    result: deferred.promise
+                }
+            }
+        };
+
+        $provide.provider('translateFilter', translate);
+        $provide.provider('$modal', $modal);
+    }));
+
+    beforeEach(inject(function(_$compile_, _$rootScope_, _$q_) {
+        compile = _$compile_;
+        scope = _$rootScope_;
+        $q = _$q_;
+    }));
+
+    beforeEach(function() {
+        element = angular.element(
+            '<span alch-modal="item.delete(item)" model="testItem">' +
+                '<p>Hello!</p></span>');
+
+        compile(element)(scope);
+        scope.$digest();
+
+        elementScope = element.scope();
+    });
+
+    it("allows the opening of a modal dialog via bootstrap ui", function() {
+        spyOn($modal, 'open').andCallThrough();
+
+        elementScope.openModal();
+
+        expect($modal.open).toHaveBeenCalled();
+    });
+});