2016-06-23 12:47:54 -04:00
|
|
|
/**
|
|
|
|
* @license
|
|
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
|
|
*
|
|
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
|
|
* found in the LICENSE file at https://angular.io/license
|
|
|
|
*/
|
|
|
|
|
2017-03-02 15:12:46 -05:00
|
|
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/src/testing_internal';
|
2016-09-09 15:04:38 -04:00
|
|
|
import {FormBuilder} from '@angular/forms';
|
2016-06-08 19:38:52 -04:00
|
|
|
|
2017-12-17 18:10:54 -05:00
|
|
|
(function() {
|
2016-06-08 20:08:59 -04:00
|
|
|
function syncValidator(_: any /** TODO #9100 */): any /** TODO #9100 */ { return null; }
|
2016-08-02 18:53:34 -04:00
|
|
|
function asyncValidator(_: any /** TODO #9100 */) { return Promise.resolve(null); }
|
2016-06-08 18:36:24 -04:00
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
describe('Form Builder', () => {
|
2016-08-24 19:58:43 -04:00
|
|
|
let b: FormBuilder;
|
2016-06-08 18:36:24 -04:00
|
|
|
|
|
|
|
beforeEach(() => { b = new FormBuilder(); });
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
it('should create controls from a value', () => {
|
2016-11-12 08:08:58 -05:00
|
|
|
const g = b.group({'login': 'some value'});
|
2016-06-08 18:36:24 -04:00
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
expect(g.controls['login'].value).toEqual('some value');
|
2016-06-08 18:36:24 -04:00
|
|
|
});
|
|
|
|
|
2016-08-24 19:58:43 -04:00
|
|
|
it('should create controls from a boxed value', () => {
|
|
|
|
const g = b.group({'login': {value: 'some value', disabled: true}});
|
|
|
|
|
|
|
|
expect(g.controls['login'].value).toEqual('some value');
|
|
|
|
expect(g.controls['login'].disabled).toEqual(true);
|
|
|
|
});
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
it('should create controls from an array', () => {
|
2016-11-12 08:08:58 -05:00
|
|
|
const g = b.group(
|
2016-06-08 19:38:52 -04:00
|
|
|
{'login': ['some value'], 'password': ['some value', syncValidator, asyncValidator]});
|
2016-06-08 18:36:24 -04:00
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
expect(g.controls['login'].value).toEqual('some value');
|
|
|
|
expect(g.controls['password'].value).toEqual('some value');
|
|
|
|
expect(g.controls['password'].validator).toEqual(syncValidator);
|
|
|
|
expect(g.controls['password'].asyncValidator).toEqual(asyncValidator);
|
2016-06-08 18:36:24 -04:00
|
|
|
});
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
it('should use controls', () => {
|
2016-11-12 08:08:58 -05:00
|
|
|
const g = b.group({'login': b.control('some value', syncValidator, asyncValidator)});
|
2016-06-08 18:36:24 -04:00
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
expect(g.controls['login'].value).toEqual('some value');
|
|
|
|
expect(g.controls['login'].validator).toBe(syncValidator);
|
|
|
|
expect(g.controls['login'].asyncValidator).toBe(asyncValidator);
|
2016-06-08 18:36:24 -04:00
|
|
|
});
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
it('should create groups with a custom validator', () => {
|
2016-11-12 08:08:58 -05:00
|
|
|
const g = b.group(
|
2016-06-08 19:38:52 -04:00
|
|
|
{'login': 'some value'}, {'validator': syncValidator, 'asyncValidator': asyncValidator});
|
2016-06-08 18:36:24 -04:00
|
|
|
|
|
|
|
expect(g.validator).toBe(syncValidator);
|
|
|
|
expect(g.asyncValidator).toBe(asyncValidator);
|
|
|
|
});
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
it('should create control arrays', () => {
|
2016-11-12 08:08:58 -05:00
|
|
|
const c = b.control('three');
|
|
|
|
const a = b.array(
|
2016-06-08 19:38:52 -04:00
|
|
|
['one', ['two', syncValidator], c, b.array(['four'])], syncValidator, asyncValidator);
|
2016-06-08 18:36:24 -04:00
|
|
|
|
|
|
|
expect(a.value).toEqual(['one', 'two', 'three', ['four']]);
|
|
|
|
expect(a.validator).toBe(syncValidator);
|
|
|
|
expect(a.asyncValidator).toBe(asyncValidator);
|
|
|
|
});
|
|
|
|
});
|
2017-12-16 17:42:55 -05:00
|
|
|
})();
|