val-range.ts

module ResponsivePath.Validation.Unobtrusive.Tests {
	describe('Unit: Directive val-range', function () {
		beforeEach(module('unobtrusive.validation', 'ngMock'));

		var compile: angular.ICompileService;
		var rootScope: angular.IRootScopeService;
		var validation: ValidationService;
		var sce: angular.ISCEService;

		beforeEach(inject(($compile: angular.ICompileService, $rootScope: angular.IRootScopeService, _validation_: ValidationService, $sce: angular.ISCEService) => {
			compile = $compile;
			rootScope = $rootScope;
			validation = _validation_;
			sce = $sce;
		}));

		var scope: ng.IScope;
		var fieldName: string = 'Target';
		var message: string = 'Invalid';
		var element: angular.IAugmentedJQuery;

		beforeEach(() => {
			scope = rootScope.$new();

			element = compile('<form><input type="text" data-val="true" name="Target" ng-model="target" data-val-range="Invalid" data-val-range-min="4.2" data-val-range-max="8.7" /></form>')(scope);
            element = element.find('input');
		});

        function isValid() {
            expect((<ng.INgModelController>element.controller('ngModel')).$invalid).to.be(false);
        }

        function isInvalid() {
            expect((<ng.INgModelController>element.controller('ngModel')).$invalid).to.be(true);
        }

		it('passes a null value',() => {
			scope['target'] = null;
			scope.$digest();

			isValid();
		});

		it('passes an empty value',() => {
			scope['target'] = '';
			scope.$digest();

			isValid();
		});

		var failed = ["4.1", "a", "seven", "9", 3, 12];
		_.each(failed,(badValue) => {
			it('fails "' + badValue + '"',() => {
				scope['target'] = badValue;
				scope.$digest();

				isInvalid();
			});
		});

		var passes = ["4.57", "6", 7, 8, 8.5];
		_.each(passes,(goodValue) => {
			it('passes "' + goodValue + '"',() => {
				scope['target'] = goodValue;
				scope.$digest();

				isValid();
			});
		});

	});
}