aboutsummaryrefslogtreecommitdiffstats
path: root/test/widget/formSpec.js
diff options
context:
space:
mode:
authorIgor Minar2012-03-08 15:00:38 -0800
committerIgor Minar2012-03-08 22:29:34 -0800
commitf54db2ccda399f2677e4ca7588018cb31545a2b4 (patch)
tree29ef2f8f834544c84cea1a82e3d08679358fb992 /test/widget/formSpec.js
parentdd7b0f56fcd9785f7fccae8c4f088a8f3e7b125e (diff)
downloadangular.js-f54db2ccda399f2677e4ca7588018cb31545a2b4.tar.bz2
chore(directives,widgets): reorg the code under directive/ dir
Diffstat (limited to 'test/widget/formSpec.js')
-rw-r--r--test/widget/formSpec.js205
1 files changed, 0 insertions, 205 deletions
diff --git a/test/widget/formSpec.js b/test/widget/formSpec.js
deleted file mode 100644
index 6387241f..00000000
--- a/test/widget/formSpec.js
+++ /dev/null
@@ -1,205 +0,0 @@
-'use strict';
-
-describe('form', function() {
- var doc, widget, scope, $compile;
-
- beforeEach(module(function($compileProvider) {
- $compileProvider.directive('storeModelCtrl', function() {
- return {
- require: 'ngModel',
- link: function(scope, elm, attr, ctrl) {
- widget = ctrl;
- }
- };
- });
- }));
-
- beforeEach(inject(function($injector) {
- $compile = $injector.get('$compile');
- scope = $injector.get('$rootScope');
- }));
-
- afterEach(function() {
- dealoc(doc);
- });
-
-
- it('should instantiate form and attach it to DOM', function() {
- doc = $compile('<form>')(scope);
- expect(doc.data('$form')).toBeTruthy();
- expect(doc.data('$form') instanceof FormController).toBe(true);
- });
-
-
- it('should remove the widget when element removed', function() {
- doc = $compile(
- '<form name="form">' +
- '<input type="text" name="alias" ng:model="value" store-model-ctrl/>' +
- '</form>')(scope);
-
- var form = scope.form;
- widget.setValidity('REQUIRED', false);
- expect(form.alias).toBe(widget);
- expect(form.error.REQUIRED).toEqual([widget]);
-
- doc.find('input').remove();
- expect(form.error.REQUIRED).toBeUndefined();
- expect(form.alias).toBeUndefined();
- });
-
-
- it('should prevent form submission', function() {
- var startingUrl = '' + window.location;
- doc = jqLite('<form name="myForm"><input type="submit" value="submit" />');
- $compile(doc)(scope);
-
- browserTrigger(doc.find('input'));
- waitsFor(
- function() { return true; },
- 'let browser breath, so that the form submision can manifest itself', 10);
-
- runs(function() {
- expect('' + window.location).toEqual(startingUrl);
- });
- });
-
-
- it('should not prevent form submission if action attribute present', function() {
- var callback = jasmine.createSpy('submit').andCallFake(function(event) {
- expect(event.isDefaultPrevented()).toBe(false);
- event.preventDefault();
- });
-
- doc = $compile('<form name="x" action="some.py" />')(scope);
- doc.bind('submit', callback);
-
- browserTrigger(doc, 'submit');
- expect(callback).toHaveBeenCalledOnce();
- });
-
-
- it('should publish form to scope', function() {
- doc = $compile('<form name="myForm"></form>')(scope);
- expect(scope.myForm).toBeTruthy();
- expect(doc.data('$form')).toBeTruthy();
- expect(doc.data('$form')).toEqual(scope.myForm);
- });
-
-
- it('should allow name to be an expression', function() {
- doc = $compile('<form name="obj.myForm"></form>')(scope);
-
- expect(scope.obj).toBeDefined();
- expect(scope.obj.myForm).toBeTruthy();
- });
-
-
- it('should chain nested forms', function() {
- doc = jqLite(
- '<ng:form name="parent">' +
- '<ng:form name="child">' +
- '<input type="text" ng:model="text" name="text">' +
- '</ng:form>' +
- '</ng:form>');
- $compile(doc)(scope);
-
- var parent = scope.parent;
- var child = scope.child;
- var input = child.text;
-
- input.setValidity('MyError', false);
- expect(parent.error.MyError).toEqual([input]);
- expect(child.error.MyError).toEqual([input]);
-
- input.setValidity('MyError', true);
- expect(parent.error.MyError).toBeUndefined();
- expect(child.error.MyError).toBeUndefined();
- });
-
-
- it('should chain nested forms in repeater', function() {
- doc = jqLite(
- '<ng:form name=parent>' +
- '<ng:form ng:repeat="f in forms" name=child>' +
- '<input type=text ng:model=text name=text>' +
- '</ng:form>' +
- '</ng:form>');
- $compile(doc)(scope);
-
- scope.$apply(function() {
- scope.forms = [1];
- });
-
- var parent = scope.parent;
- var child = doc.find('input').scope().child;
- var input = child.text;
-
- expect(parent).toBeDefined();
- expect(child).toBeDefined();
- expect(input).toBeDefined();
-
- input.setValidity('myRule', false);
- expect(input.error.myRule).toEqual(true);
- expect(child.error.myRule).toEqual([input]);
- expect(parent.error.myRule).toEqual([input]);
-
- input.setValidity('myRule', true);
- expect(parent.error.myRule).toBeUndefined();
- expect(child.error.myRule).toBeUndefined();
- });
-
-
- it('should publish widgets', function() {
- doc = jqLite('<form name="form"><input type="text" name="w1" ng:model="some" /></form>');
- $compile(doc)(scope);
-
- var widget = scope.form.w1;
- expect(widget).toBeDefined();
- expect(widget.pristine).toBe(true);
- expect(widget.dirty).toBe(false);
- expect(widget.valid).toBe(true);
- expect(widget.invalid).toBe(false);
- });
-
-
- describe('validation', function() {
-
- beforeEach(function() {
- doc = $compile(
- '<form name="form">' +
- '<input type="text" ng:model="name" name="name" store-model-ctrl/>' +
- '</form>')(scope);
-
- scope.$digest();
- });
-
-
- it('should have ng-valid/ng-invalid css class', function() {
- expect(doc).toBeValid();
-
- widget.setValidity('ERROR', false);
- scope.$apply();
- expect(doc).toBeInvalid();
-
- widget.setValidity('ANOTHER', false);
- scope.$apply();
-
- widget.setValidity('ERROR', true);
- scope.$apply();
- expect(doc).toBeInvalid();
-
- widget.setValidity('ANOTHER', true);
- scope.$apply();
- expect(doc).toBeValid();
- });
-
-
- it('should have ng-pristine/ng-dirty css class', function() {
- expect(doc).toBePristine();
-
- widget.touch();
- scope.$apply();
- expect(doc).toBeDirty();
- });
- });
-});