From 29c5b61c0069986af3f09342eee712ae4ce32222 Mon Sep 17 00:00:00 2001
From: mauriziovitale84 <maurizio.vitale@alfresco.com>
Date: Tue, 15 Nov 2016 13:44:04 +0000
Subject: [PATCH] #1082 readonly checkbox value

---
 .../display-value/display-value.widget.html   |  1 +
 .../display-value.widget.spec.ts              | 77 +++++++++++++++++++
 2 files changed, 78 insertions(+)

diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
index cbcd9b815d..2c5b1365b2 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
@@ -3,6 +3,7 @@
         <label class="mdl-checkbox mdl-js-checkbox" [attr.for]="field.id">
             <input type="checkbox"
                    [attr.id]="field.id"
+                   [checked]="field.value"
                    [(ngModel)]="value"
                    class="mdl-checkbox__input"
                    disabled>
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.spec.ts b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.spec.ts
index f132a3f376..5a32b39cce 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.spec.ts
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.spec.ts
@@ -15,9 +15,12 @@
  * limitations under the License.
  */
 
+import { ComponentFixture, TestBed, async } from '@angular/core/testing';
+import { CoreModule } from 'ng2-alfresco-core';
 import { Observable } from 'rxjs/Rx';
 import { DisplayValueWidget } from './display-value.widget';
 import { FormService } from '../../../services/form.service';
+import { EcmModelService } from '../../../services/ecm-model.service';
 import { FormFieldModel } from './../core/form-field.model';
 import { FormFieldTypes } from '../core/form-field-types';
 import { FormModel } from '../core/form.model';
@@ -669,4 +672,78 @@ describe('DisplayValueWidget', () => {
         expect(widget.getCellValue(row, column)).toBe(expected);
     });
 
+    describe('UI check', () => {
+        let widgetUI: DisplayValueWidget;
+        let fixture: ComponentFixture<DisplayValueWidget>;
+        let element: HTMLElement;
+        let componentHandler;
+
+        beforeEach(async(() => {
+            componentHandler = jasmine.createSpyObj('componentHandler', ['upgradeAllRegistered', 'upgradeElement']);
+            window['componentHandler'] = componentHandler;
+            TestBed.configureTestingModule({
+                imports: [CoreModule],
+                declarations: [DisplayValueWidget],
+                providers: [
+                    EcmModelService,
+                    FormService
+                ]
+            }).compileComponents().then(() => {
+                fixture = TestBed.createComponent(DisplayValueWidget);
+                widgetUI = fixture.componentInstance;
+                element = fixture.nativeElement;
+            });
+        }));
+
+        beforeEach(() => {
+            spyOn(widgetUI, 'setupMaterialTextField').and.stub();
+        });
+
+        afterEach(() => {
+            fixture.destroy();
+            TestBed.resetTestingModule();
+        });
+
+        it('should show the checkbox on when [BOOLEAN] field is true', async(() => {
+            widgetUI.field = new FormFieldModel(null, {
+                id: 'fake-checkbox-id',
+                type: FormFieldTypes.DISPLAY_VALUE,
+                value: 'true',
+                params: {
+                    field: {
+                        type: FormFieldTypes.BOOLEAN
+                    }
+                }
+            });
+            fixture.detectChanges();
+
+            fixture.whenStable()
+                .then(() => {
+                    let elWidget: any = element.querySelector('#fake-checkbox-id');
+                    expect(elWidget).toBeDefined();
+                    expect(elWidget.checked).toBeTruthy();
+                });
+        }));
+
+        it('should show the checkbox off when [BOOLEAN] field is false', async(() => {
+            widgetUI.field = new FormFieldModel(null, {
+                id: 'fake-checkbox-id',
+                type: FormFieldTypes.DISPLAY_VALUE,
+                value: 'false',
+                params: {
+                    field: {
+                        type: FormFieldTypes.BOOLEAN
+                    }
+                }
+            });
+            fixture.detectChanges();
+
+            fixture.whenStable()
+                .then(() => {
+                    let elWidget: any = element.querySelector('#fake-checkbox-id');
+                    expect(elWidget).toBeDefined();
+                    expect(elWidget.checked).toBeFalsy();
+                });
+        }));
+    });
 });