Bug Fix:Always fire rangeValueChanged event when thumb is dragged

Author: JamesHollyer

Diff for: tensorboard/webapp/widgets/range_input/range_input_component.ng.html

@@ -32,12 +32,12 @@
 <mat-slider class="slider" [min]="min" [max]="max" [step]="calculateStepSize()">
   <input
     matSliderStartThumb
-    (valueChange)="startThumbDrag($event)"
+    (valueChange)="thumbDrag()"
     [(ngModel)]="lowerValue"
   />
   <input
     matSliderEndThumb
-    (valueChange)="endThumbDrag($event)"
+    (valueChange)="thumbDrag()"
     [(ngModel)]="upperValue"
   />
 </mat-slider>

Diff for: tensorboard/webapp/widgets/range_input/range_input_component.ts

@@ -113,18 +113,12 @@ export class RangeInputComponent {
 
   readonly Position = Position;
 
-  startThumbDrag(value: number) {
-    this.maybeNotifyNextRangeValues(
-      [value, this.upperValue],
-      RangeInputSource.SLIDER
-    );
-  }
-
-  endThumbDrag(value: number) {
-    this.maybeNotifyNextRangeValues(
-      [this.lowerValue, value],
-      RangeInputSource.SLIDER
-    );
+  thumbDrag() {
+    this.rangeValuesChanged.emit({
+      lowerValue: this.lowerValue,
+      upperValue: this.upperValue,
+      source: RangeInputSource.SLIDER,
+    });
   }
 
   calculateStepSize() {

Diff for: tensorboard/webapp/widgets/range_input/range_input_test.ts

@@ -52,7 +52,7 @@ class TestableComponent {
   onRangeValuesChanged!: (event: RangeValues) => void;
 }
 
-describe('range input test', () => {
+fdescribe('range input test', () => {
   interface CreateComponentInput {
     min?: number;
     max?: number;
@@ -152,20 +152,6 @@ describe('range input test', () => {
         '0.5'
       );
     });
-
-    it('does not trigger change when value does not change', () => {
-      const {fixture, onRangeValuesChanged} = createComponent({
-        lowerValue: -5,
-        upperValue: 1,
-        tickCount: 10,
-      });
-      const sliderThumb = fixture.debugElement.queryAll(
-        By.css('mat-slider input')
-      )[0];
-
-      sliderThumb.triggerEventHandler('valueChange', -5);
-      expect(onRangeValuesChanged).not.toHaveBeenCalled();
-    });
   });
 
   describe('input control', () => {