Unit tests for 'Display Value' widget

ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.spec.ts

@@ -0,0 +1,542 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Observable } from 'rxjs/Rx';
+import { DisplayValueWidget } from './display-value.widget';
+import { FormService } from '../../../services/form.service';
+import { FormFieldModel } from './../core/form-field.model';
+import { FormFieldTypes } from '../core/form-field-types';
+import { FormModel } from '../core/form.model';
+
+describe('DisplayValueWidget', () => {
+
+    let widget: DisplayValueWidget;
+    let formService: FormService;
+
+    beforeEach(() => {
+        formService = new FormService(null, null);
+        widget = new DisplayValueWidget(formService);
+    });
+
+    it('should require field to setup default value', () => {
+        widget.field = null;
+        widget.ngOnInit();
+        expect(widget.value).toBeUndefined();
+    });
+
+    it('should take field value on init', () => {
+        let value = '<value>';
+        widget.field = new FormFieldModel(null, { value: value });
+        widget.field.params = null;
+        widget.ngOnInit();
+        expect(widget.value).toBe(value);
+    });
+
+    it('should setup [BOOLEAN] field', () => {
+        expect(widget.value).toBeUndefined();
+
+        // test TRUE value
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: 'true',
+            params: {
+                field: {
+                    type: FormFieldTypes.BOOLEAN
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeTruthy();
+
+        // test FALSE value
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: 'false',
+            params: {
+                field: {
+                    type: FormFieldTypes.BOOLEAN
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeFalsy();
+    });
+
+    it ('should setup [FUNCTIONAL-GROUP] field', () => {
+        let groupName: '<group>';
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: {
+                name: groupName
+            },
+            params: {
+                field: {
+                    type: FormFieldTypes.FUNCTIONAL_GROUP
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe(groupName);
+    });
+
+    it('should not setup [FUNCTIONAL-GROUP] field when missing value', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            params: {
+                field: {
+                    type: FormFieldTypes.FUNCTIONAL_GROUP
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeNull();
+    });
+
+    it('should setup [PEOPLE] field', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: {
+                firstName: 'John',
+                lastName: 'Doe'
+            },
+            params: {
+                field: {
+                    type: FormFieldTypes.PEOPLE
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('John Doe');
+    });
+
+    it('should not setup [PEOPLE] field whem missing value', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            params: {
+                field: {
+                    type: FormFieldTypes.PEOPLE
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeUndefined();
+    });
+
+    it('should setup [UPLOAD] field', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: [
+                { name: 'file1' }
+            ],
+            params: {
+                field: {
+                    type: FormFieldTypes.UPLOAD
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('file1');
+    });
+
+    it('should not setup [UPLOAD] field when missing value', () => {
+        widget.field = new FormFieldModel(null, {
+            value: null,
+            params: {
+                field: {
+                    type: FormFieldTypes.UPLOAD
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeNull();
+    });
+
+    it('should not setup [UPLOAD] field when empty value', () => {
+        widget.field = new FormFieldModel(null, {
+            value: [],
+            params: {
+                field: {
+                    type: FormFieldTypes.UPLOAD
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeNull();
+    });
+
+    it('should setup [TYPEAHEAD] field', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            params: {
+                field: {
+                    type: FormFieldTypes.TYPEAHEAD
+                }
+            }
+        });
+        spyOn(widget, 'loadRestFieldValue').and.stub();
+        widget.ngOnInit();
+        expect(widget.loadRestFieldValue).toHaveBeenCalled();
+    });
+
+    it('should setup [DROPDOWN] field with REST config', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            params: {
+                field: {
+                    type: FormFieldTypes.DROPDOWN
+                }
+            }
+        });
+        spyOn(widget, 'loadRestFieldValue').and.stub();
+        widget.ngOnInit();
+        expect(widget.loadRestFieldValue).toHaveBeenCalled();
+    });
+
+    it('should setup [RADIO_BUTTONS] field', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: null,
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        spyOn(widget, 'loadRadioButtonValue').and.stub();
+        widget.ngOnInit();
+        expect(widget.loadRadioButtonValue).toHaveBeenCalled();
+    });
+
+    it('should setup [RADIO_BUTTONS] value by options', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: null,
+            value: '2',
+            options: [
+                { id: '1', name: 'option 1' },
+                { id: '2', name: 'option 2' }
+            ],
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('option 2');
+    });
+
+    it('should not setup [RADIO_BUTTONS] value with missing option', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: null,
+            value: '100',
+            options: [
+                { id: '1', name: 'option 1' },
+                { id: '2', name: 'option 2' }
+            ],
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('100');
+    });
+
+    it('should not setup [RADIO_BUTTONS] when missing options', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: null,
+            value: '100',
+            options: null,
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.field.options = null;
+        widget.ngOnInit();
+        expect(widget.value).toBe('100');
+    });
+
+    it('should setup [RADIO_BUTTONS] field with REST config', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: '<url>',
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        spyOn(widget, 'loadRestFieldValue').and.stub();
+        widget.ngOnInit();
+        expect(widget.loadRestFieldValue).toHaveBeenCalled();
+    });
+
+    it('should setup rest field values with REST options', () => {
+        spyOn(formService, 'getRestFieldValues').and.callFake(() => {
+            return Observable.create(observer => {
+                 observer.next([
+                     { id: '1', name: 'option 1' },
+                    { id: '2', name: 'option 2' }
+                 ]);
+                 observer.complete();
+             });
+        });
+
+        let form = new FormModel({ taskId: '<id>' });
+
+        widget.field = new FormFieldModel(form, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: '<url>',
+            value: '2',
+            options: [
+                { id: '1', name: 'option 1' },
+                { id: '2', name: 'option 2' }
+            ],
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(formService.getRestFieldValues).toHaveBeenCalled();
+        expect(widget.value).toBe('option 2');
+    });
+
+    it('should not setup rest field values with missing REST option', () => {
+        spyOn(formService, 'getRestFieldValues').and.callFake(() => {
+            return Observable.create(observer => {
+                 observer.next([
+                    { id: '1', name: 'option 1' },
+                    { id: '2', name: 'option 2' }
+                 ]);
+                 observer.complete();
+             });
+        });
+
+        let form = new FormModel({ taskId: '<id>' });
+
+        widget.field = new FormFieldModel(form, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: '<url>',
+            value: '100',
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(formService.getRestFieldValues).toHaveBeenCalled();
+        expect(widget.value).toBe('100');
+    });
+
+    it('should not setup rest field values with no REST response', () => {
+        spyOn(formService, 'getRestFieldValues').and.callFake(() => {
+            return Observable.create(observer => {
+                 observer.next(null);
+                 observer.complete();
+             });
+        });
+
+        let form = new FormModel({ taskId: '<id>' });
+
+        widget.field = new FormFieldModel(form, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: '<url>',
+            value: '100',
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(formService.getRestFieldValues).toHaveBeenCalled();
+        expect(widget.value).toBe('100');
+    });
+
+    it('should handle rest error', () => {
+        const error = 'ERROR';
+        spyOn(formService, 'getRestFieldValues').and.callFake(() => {
+            return Observable.throw(error);
+        });
+
+        spyOn(console, 'log').and.stub();
+
+        let form = new FormModel({ taskId: '<id>' });
+
+        widget.field = new FormFieldModel(form, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            restUrl: '<url>',
+            value: '100',
+            params: {
+                field: {
+                    type: FormFieldTypes.RADIO_BUTTONS
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(formService.getRestFieldValues).toHaveBeenCalled();
+        expect(console.log).toHaveBeenCalledWith(error);
+        expect(widget.value).toBe('100');
+    });
+
+    it('should setup [DATE] field with valid date', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: '1982-03-13T00:00:00.000Z',
+            params: {
+                field: {
+                    type: FormFieldTypes.DATE
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('13-3-1982');
+    });
+
+    it('should setup [DATE] field with invalid date', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: '<invalid value>',
+            params: {
+                field: {
+                    type: FormFieldTypes.DATE
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('<invalid value>');
+    });
+
+    it('should not setup [DATE] field when missing value', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            params: {
+                field: {
+                    type: FormFieldTypes.DATE
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeUndefined();
+    });
+
+    it('should setup [AMOUNT] field with default currency', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: 11,
+            params: {
+                field: {
+                    type: FormFieldTypes.AMOUNT
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('$ 11');
+    });
+
+    it('should setup [AMOUNT] field with custom currency', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: 12.6,
+            currency: 'UAH',
+            params: {
+                field: {
+                    type: FormFieldTypes.AMOUNT
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe('UAH 12.6');
+    });
+
+    it('should not setup [AMOUNT] field when missing value', () => {
+        widget.field = new FormFieldModel(null, {
+            params: {
+                field: {
+                    type: FormFieldTypes.AMOUNT
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBeUndefined();
+    });
+
+    it('should setup [HYPERLINK] field', () => {
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            hyperlinkUrl: 'www.some-url.com',
+            displayText: 'Custom URL',
+            params: {
+                field: {
+                    type: FormFieldTypes.HYPERLINK
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.linkUrl).toBe(`http://${widget.field.hyperlinkUrl}`);
+        expect(widget.linkText).toBe(widget.field.displayText);
+    });
+
+    it('should take default value for unknown field type', () => {
+        const value = '<value>';
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: value,
+            params: {
+                field: {
+                    type: '<unknown type>'
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe(value);
+    });
+
+    it('should take default value when missing params', () => {
+        const value = '<value>';
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: value
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe(value);
+    });
+
+    it('should take default value when missing enclosed field type', () => {
+        const value = '<value>';
+        widget.field = new FormFieldModel(null, {
+            type: FormFieldTypes.DISPLAY_VALUE,
+            value: value,
+            params: {
+                field: {
+                }
+            }
+        });
+        widget.ngOnInit();
+        expect(widget.value).toBe(value);
+    });
+
+});

ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.ts

@@ -53,6 +53,8 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                         case FormFieldTypes.FUNCTIONAL_GROUP:
                             if (this.field.value) {
                                 this.value = this.field.value.name;
+                            } else {
+                                this.value = null;
                             }
                             break;
                         case FormFieldTypes.PEOPLE:
@@ -66,6 +68,8 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                             let files = this.field.value || [];
                             if (files.length > 0) {
                                 this.value = decodeURI(files[0].name);
+                            } else {
+                                this.value = null;
                             }
                             break;
                         case FormFieldTypes.TYPEAHEAD:
@@ -83,7 +87,7 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                             break;
                         case FormFieldTypes.DATE:
                             if (this.value) {
-                                let d = moment(this.value.split('T')[0]);
+                                let d = moment(this.value.split('T')[0], 'YYYY-M-D');
                                 if (d.isValid()) {
                                     this.value = d.format('D-M-YYYY');
                                 }
@@ -96,10 +100,8 @@ export class DisplayValueWidget extends WidgetComponent implements OnInit {
                             }
                             break;
                         case FormFieldTypes.HYPERLINK:
-                            if (this.value) {
+                            this.linkUrl = this.getHyperlinkUrl(this.field);
-                                this.linkUrl = this.getHyperlinkUrl(this.field);
+                            this.linkText = this.getHyperlinkText(this.field);
-                                this.linkText = this.getHyperlinkText(this.field);
-                            }
                             break;
                         default:
                             this.value = this.field.value;