describe('ngTableSelectFilterDs directive', function(){

    var $scope,
        elem,
        $compile;
    beforeEach(module('ngTable'));

    beforeEach(inject(function($rootScope, _$compile_){
        $scope = $rootScope.$new();
        $compile = _$compile_;
        elem = '<select ng-table-select-filter-ds="$column"></select>';
    }));

    describe('array datasource', function(){

        it('should add array to current scope', function(){
            // given
            var data = [{id: 1, title: 'A'}];
            $scope.$column = {
                data: data
            };
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect($scope.$selectData).toBe(data);
        });

        it('should turn null/undefined array into empty array', function(){
            // given
            $scope.$column = {
                data: null
            };
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect($scope.$selectData).toEqual([]);
        });

        it('should keep the array on scope in sync with data array on $column', function(){
            // given
            $scope.$column = {
                data: null
            };
            $compile(elem)($scope);
            $scope.$digest();

            // when
            var newArray = [{id: 1, title: 'A'}];
            $scope.$column.data = newArray;
            $scope.$digest();

            // then
            expect($scope.$selectData).toBe(newArray);
        });

        it('should add empty option to array', function(){
            // note: modifying the array supplied is not great as this can cause unexpected side effects
            // however, it does mean that a consumer can update the array and have this reflected in the select list
            // and so therefore it increases the utility of this directive

            // given
            var data = [{id: 1, title: 'A'}];
            $scope.$column = {
                data: data
            };
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{ id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to empty array', function(){
            // this is useful as it allows for app to add items to array at a future date and still
            // allow for the user to select an empty select option thus removing column filter

            // given
            var data = [];
            $scope.$column = {
                data: data
            };
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{ id: '', title: ''}]);
        });

        it('should not add empty option to array if already present', function(){

            // given
            var data = [{id: '', title: ''}, {id: 1, title: 'A'}];
            $scope.$column = {
                data: data
            };
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to a new arriving array', function(){
            // given
            $scope.$column = {
                data: [{id: 1, title: 'A'}]
            };
            $compile(elem)($scope);
            $scope.$digest();

            // when
            $scope.$column.data = [{id: 1, title: 'B'}];
            $scope.$digest();

            // then
            expect($scope.$selectData).toEqual([{ id: '', title: ''}, {id: 1, title: 'B'}]);
        });

    });

    describe('function datasource', function(){

        var data;
        beforeEach(function(){
            $scope.$column = {
                data: function(){
                    return data;
                }
            };
        });

        it('should add array to current scope', function(){
            // given
            data = [{id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect($scope.$selectData).toBe(data);
        });

        it('should turn null/undefined array into empty array', function(){
            // given
            data = null;
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect($scope.$selectData).toEqual([]);
        });

        it('should keep the array on scope in sync with data array on $column', function(){
            // given
            data = [{id: 1, title: 'A'}];
            $compile(elem)($scope);
            $scope.$digest();

            // when
            var newArray = [{id: 1, title: 'A'}];
            $scope.$column.data = function(){
                return newArray;
            };
            $scope.$digest();

            // then
            expect($scope.$selectData).toBe(newArray);
        });


        it('should add empty option to array', function(){
            // given
            data = [{id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{ id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to empty array', function(){
            // this is useful as it allows for app to add items to array at a future date and still
            // allow for the user to select an empty select option thus removing column filter

            // given
            data = [];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{ id: '', title: ''}]);
        });

        it('should not add empty option to array if already present', function(){
            // given
            data = [{id: '', title: ''}, {id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            // then
            expect(data).toEqual([{id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to a new arriving array', function(){
            // given
            data = [{id: 1, title: 'A'}];
            $compile(elem)($scope);
            $scope.$digest();

            // when
            $scope.$column.data = function(){
                return [{id: 1, title: 'B'}];
            };
            $scope.$digest();

            // then
            expect($scope.$selectData).toEqual([{ id: '', title: ''}, {id: 1, title: 'B'}]);
        });
    });

    describe('asyn function datasource', function(){
        var data;
        var $timeout;
        beforeEach(inject(function(_$timeout_){
            $timeout = _$timeout_;
            $scope.$column = {
                data: function(){
                    return $timeout(function(){
                        return data;
                    }, 10);
                }
            };
        }));

        it('should add array to current scope', function(){
            // given
            data = [{id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();
            // then
            expect($scope.$selectData).toBe(data);
        });

        it('should turn null/undefined array into empty array', function(){
            // given
            data = null;
            // when
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();
            // then
            expect($scope.$selectData).toEqual([]);
        });

        it('should keep the array on scope in sync with data array on $column', function(){
            // given
            data = [{id: 1, title: 'A'}];
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();

            // when
            var newArray = [{id: 1, title: 'A'}];
            $scope.$column.data = function(){
                return $timeout(function(){
                    return newArray;
                }, 10);
            };
            $scope.$digest();
            $timeout.flush();

            // then
            expect($scope.$selectData).toBe(newArray);
        });


        it('should add empty option to array', function(){
            // given
            data = [{id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();
            // then
            expect(data).toEqual([{ id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to empty array', function(){
            // this is useful as it allows for app to add items to array at a future date and still
            // allow for the user to select an empty select option thus removing column filter

            // given
            data = [];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();
            // then
            expect(data).toEqual([{ id: '', title: ''}]);
        });

        it('should not add empty option to array if already present', function(){
            // given
            data = [{id: '', title: ''}, {id: 1, title: 'A'}];
            // when
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();
            // then
            expect(data).toEqual([{id: '', title: ''}, {id: 1, title: 'A'}]);
        });

        it('should add empty option to a new arriving array', function(){
            // given
            data = [{id: 1, title: 'A'}];
            $compile(elem)($scope);
            $scope.$digest();
            $timeout.flush();

            // when
            $scope.$column.data = function(){
                return $timeout(function(){
                    return [{id: 1, title: 'B'}];
                }, 10);
            };
            $scope.$digest();
            $timeout.flush();

            // then
            expect($scope.$selectData).toEqual([{ id: '', title: ''}, {id: 1, title: 'B'}]);
        });

    });
});