Prevent valueChanges event when patchValue method is used with emitEvent=false

src/core/component.ts

@@ -93,6 +93,15 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
             this.instance.endUpdate();
         }
     }
+    lockEventFire(name: string) {
+        this.eventHelper.lockEventFire.push(name + 'Change');
+    }
+    unlockEventFire(name: string) {
+        let index = this.eventHelper.lockEventFire.indexOf(name + 'Change');
+        if (index > -1) {
+            this.eventHelper.lockEventFire.splice(index, 1);
+        }
+    }
     protected _setOption(name: string, value: any) {
         this.lockWidgetUpdate();
 
@@ -101,7 +110,9 @@ export abstract class DxComponent implements OnChanges, OnInit, DoCheck, AfterCo
         }
 
         if (this.instance) {
+            this.lockEventFire(name);
             this.instance.option(name, value);
+            this.unlockEventFire(name);
         } else {
             this._initialOptions[name] = value;
         }

src/core/events-strategy.ts

@@ -67,14 +67,17 @@ export class NgEventsStrategy {
 
 export class EmitterHelper {
     strategy: NgEventsStrategy;
+    lockEventFire: Array<string> = [];
 
     constructor(ngZone: NgZone, public component: DxComponent) {
         this.strategy = new NgEventsStrategy(component, ngZone);
     }
     fireNgEvent(eventName: string, eventArgs: any) {
-        let emitter = this.component[eventName];
-        if (emitter) {
-            emitter.next(eventArgs && eventArgs[0]);
+        if (this.lockEventFire.indexOf(eventName) === -1) {
+            let emitter = this.component[eventName];
+            if (emitter) {
+                emitter.next(eventArgs && eventArgs[0]);
+            }
         }
     }
     createEmitter(ngEventName: string, dxEventName: string) {

tests/src/core/component.spec.ts

@@ -194,6 +194,23 @@ describe('DevExtreme Angular widget', () => {
         expect(testSpy).toHaveBeenCalledTimes(1);
     }));
 
+    it('should not emit testOptionChange event when changes occur in component (T614207)', () => {
+        TestBed.overrideComponent(TestContainerComponent, {
+            set: {
+                template: '<dx-test-widget [(testOption)]="testOption" (testOptionChange)="testMethod()"></dx-test-widget>'
+            }
+        });
+        let fixture = TestBed.createComponent(TestContainerComponent);
+        fixture.detectChanges();
+
+        let component = fixture.componentInstance,
+            testSpy = spyOn(component, 'testMethod');
+
+        component.testOption = 'new value';
+        fixture.detectChanges();
+        expect(testSpy).toHaveBeenCalledTimes(0);
+    });
+
     it('should change component option value', async(() => {
         let fixture = TestBed.createComponent(DxTestWidgetComponent);
         fixture.detectChanges();

tests/src/ui/accordion.spec.ts

@@ -0,0 +1,74 @@
+/* tslint:disable:component-selector */
+
+import {
+    Component,
+    ViewChildren,
+    QueryList
+} from '@angular/core';
+
+import { TestBed } from '@angular/core/testing';
+
+import DxAccordion from 'devextreme/ui/accordion';
+
+import {
+    DxAccordionModule,
+    DxAccordionComponent
+} from '../../../dist';
+
+@Component({
+    selector: 'test-container-component',
+    template: ''
+})
+class TestContainerComponent {
+    items = [{ id: 1, name: 'name1' }, { id: 2, name: 'name2' }];
+    selectedItem = this.items[0];
+    selectedIndex = 0;
+
+    @ViewChildren(DxAccordionComponent) innerWidgets: QueryList<DxAccordionComponent>;
+}
+
+describe('DxAccordion', () => {
+
+    beforeEach(() => {
+        TestBed.configureTestingModule(
+            {
+                declarations: [TestContainerComponent],
+                imports: [DxAccordionModule]
+            });
+    });
+
+    function getWidget(fixture) {
+        let widgetElement = fixture.nativeElement.querySelector('.dx-accordion') || fixture.nativeElement;
+        return DxAccordion['getInstance'](widgetElement) as any;
+    }
+
+    it('should change bound options', () => {
+        TestBed.overrideComponent(TestContainerComponent, {
+            set: {
+                template: `
+                    <dx-accordion [items]="items" [(selectedIndex)]="selectedIndex" [(selectedItem)]="selectedItem">
+                    </dx-accordion>
+                `
+            }
+        });
+
+        let fixture = TestBed.createComponent(TestContainerComponent);
+        fixture.detectChanges();
+
+        let accordion = fixture.componentInstance;
+        let instance = getWidget(fixture);
+
+        expect(instance.option('selectedIndex')).toBe(0);
+        expect(instance.option('selectedItem')).toBe(accordion.items[0]);
+        expect(accordion.selectedIndex).toBe(0);
+        expect(accordion.selectedItem).toBe(accordion.items[0]);
+
+        accordion.selectedIndex = 1;
+        fixture.detectChanges();
+
+        expect(instance.option('selectedIndex')).toBe(1);
+        expect(instance.option('selectedItem')).toBe(accordion.items[1]);
+        expect(accordion.selectedIndex).toBe(1);
+        expect(accordion.selectedItem).toBe(accordion.items[1]);
+    });
+});