unit test progress

Author: kseamon

src/cdk-experimental/column-resize/column-resize-directives/default-enabled-column-resize-flex.ts

@@ -10,7 +10,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 
 import {ColumnResize} from '../column-resize';
-import {ColumnResizeNotifierSource} from '../column-resize-notifier';
+import {ColumnResizeNotifier, ColumnResizeNotifierSource} from '../column-resize-notifier';
 import {HeaderRowEventDispatcher} from '../event-dispatcher';
 import {HOST_BINDINGS, FLEX_PROVIDERS} from './constants';
 
@@ -24,6 +24,7 @@ import {HOST_BINDINGS, FLEX_PROVIDERS} from './constants';
 })
 export class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/cdk-experimental/column-resize/column-resize-directives/default-enabled-column-resize.ts

@@ -10,7 +10,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 
 import {ColumnResize} from '../column-resize';
-import {ColumnResizeNotifierSource} from '../column-resize-notifier';
+import {ColumnResizeNotifier, ColumnResizeNotifierSource} from '../column-resize-notifier';
 import {HeaderRowEventDispatcher} from '../event-dispatcher';
 import {HOST_BINDINGS, TABLE_PROVIDERS} from './constants';
 
@@ -24,6 +24,7 @@ import {HOST_BINDINGS, TABLE_PROVIDERS} from './constants';
 })
 export class CdkDefaultEnabledColumnResize extends ColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/cdk-experimental/column-resize/column-resize.ts

@@ -13,7 +13,7 @@ import {filter, map, mapTo, pairwise, startWith, take, takeUntil} from 'rxjs/ope
 
 import {closest, matches} from '../popover-edit/polyfill';
 
-import {ColumnResizeNotifierSource} from './column-resize-notifier';
+import {ColumnResizeNotifier, ColumnResizeNotifierSource} from './column-resize-notifier';
 import {HEADER_CELL_SELECTOR, RESIZE_OVERLAY_SELECTOR} from './constants';
 import {HeaderRowEventDispatcher} from './event-dispatcher';
 
@@ -22,9 +22,12 @@ const WITH_RESIZED_COLUMN_CLASS = 'cdk-column-resize-with-resized-column';
 
 let nextId = 0;
 
-export abstract class ColumnResize implements AfterViewInit, OnDestroy {
+export abstract class ColumnResize implements AfterViewInit, OnDestroy, OnInit {
   protected readonly destroyed = new ReplaySubject<void>();
 
+  /* Publicly accessible interface for triggering and being notified of resizes. */
+  abstract readonly columnResizeNotifier: ColumnResizeNotifier;
+
   abstract readonly directionality: Directionality;
   protected abstract readonly elementRef: ElementRef;
   protected abstract readonly eventDispatcher: HeaderRowEventDispatcher;

src/material-experimental/column-resize/column-resize-directives/column-resize-flex.ts

@@ -2,6 +2,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {
   ColumnResize,
+  ColumnResizeNotifier,
   ColumnResizeNotifierSource,
   HeaderRowEventDispatcher,
 } from '@angular/cdk-experimental/column-resize';
@@ -18,6 +19,7 @@ import {AbstractMatColumnResize, FLEX_HOST_BINDINGS, FLEX_PROVIDERS} from './com
 })
 export class MatColumnResizeFlex extends AbstractMatColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/material-experimental/column-resize/column-resize-directives/column-resize.ts

@@ -2,6 +2,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {
   ColumnResize,
+  ColumnResizeNotifier,
   ColumnResizeNotifierSource,
   HeaderRowEventDispatcher,
 } from '@angular/cdk-experimental/column-resize';
@@ -18,6 +19,7 @@ import {AbstractMatColumnResize, TABLE_HOST_BINDINGS, TABLE_PROVIDERS} from './c
 })
 export class MatColumnResize extends AbstractMatColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/material-experimental/column-resize/column-resize-directives/default-enabled-column-resize-flex.ts

@@ -2,6 +2,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {
   ColumnResize,
+  ColumnResizeNotifier,
   ColumnResizeNotifierSource,
   HeaderRowEventDispatcher,
 } from '@angular/cdk-experimental/column-resize';
@@ -18,6 +19,7 @@ import {AbstractMatColumnResize, FLEX_HOST_BINDINGS, FLEX_PROVIDERS} from './com
 })
 export class MatDefaultEnabledColumnResizeFlex extends AbstractMatColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/material-experimental/column-resize/column-resize-directives/default-enabled-column-resize.ts

@@ -2,6 +2,7 @@ import {Directive, ElementRef, NgZone} from '@angular/core';
 import {Directionality} from '@angular/cdk/bidi';
 import {
   ColumnResize,
+  ColumnResizeNotifier,
   ColumnResizeNotifierSource,
   HeaderRowEventDispatcher,
 } from '@angular/cdk-experimental/column-resize';
@@ -18,6 +19,7 @@ import {AbstractMatColumnResize, TABLE_HOST_BINDINGS, TABLE_PROVIDERS} from './c
 })
 export class MatDefaultEnabledColumnResize extends AbstractMatColumnResize {
   constructor(
+      readonly columnResizeNotifier: ColumnResizeNotifier,
       readonly directionality: Directionality,
       protected readonly elementRef: ElementRef,
       protected readonly eventDispatcher: HeaderRowEventDispatcher,

src/material-experimental/column-resize/column-resize.spec.ts

@@ -13,6 +13,8 @@ function test() {
   return 'string!';
 }
 
+const MOUSE_START_OFFSET = 1000;
+
 /*const flexTemplate = `
     <mat-table [dir]="direction" [dataSource]="dataSource">
       <!-- Position Column -->
@@ -143,27 +145,57 @@ abstract class BaseTestComponent {
   displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
   dataSource = new ElementDataSource();
   direction = 'ltr';
-/*
-  getColumnSize(index: number): number {
 
+  getColumnElement(index: number): HTMLElement {
+    return querySelectorAll('.mat-resizable')[index] as HTMLElement;
+  }
+
+  getColumnWidth(index: number): number {
+    return this.getColumnElement().offsetWidth;
+  }
+
+  triggerHoverState(): void {
+    const headerRow = this.table.nativeElement.querySelector('.mat-header-row');
+    headerRow.dispatchEvent(new Event('mouseover', {bubbles: true}));
   }
 
-  triggerHoverState() {
-    const row = this.table.nativeElement.querySelector('.mat-header-row');
-    row.dispatchEvent(new Event('mouseover', {bubbles: true}));
+  endHoverState(): void {
+    const dataRow = this.table.nativeElement.querySelector('.mat-row');
+    dataRow.dispatchEvent(new Event('mouseover', {bubbles: true}));
+  }
+
+  getOverlayThumbElement(index: number): HTMLElement {
+    return querySelectorAll('.mat-column-resize-overlay-thumb')[index] as HTMLElement;
   }
 
   beginColumnResizeWithMouse(index: number): void {
+    this.triggerHoverState();
+     
+    this.getOverlayThumbElement(index).dispatchEvent(new MouseEvent('mousedown', {
+      bubbles: true,
+      pageX: MOUSE_START_OFFSET,
+    }));
   }
 
-  updateResizeWithMouseInProgress(index: number, delta: number): void {
+  updateResizeWithMouseInProgress(index: number, totalDelta: number): void {
+    document.dispatchEvent(new MouseEvent('mousemove', {
+      bubbles: true,
+      pageX: MOUSE_START_OFFSET + totalDelta,
+    }));
   }
 
-  completeResizeWithMouseInProgress(index: number): void {
+  completeResizeWithMouseInProgress(index: number, totalDelta: number): void {
+    document.dispatchEvent(new MouseEvent('mouseup', {
+      bubbles: true,
+      pageX: MOUSE_START_OFFSET + totalDelta,
+    }));
   }
 
   resizeColumnWithMouse(index: number, resizeDelta: number): void {
-  }*/
+    this.beginColumnResizeWithMouse(index);
+    this.updateResizeWithMouseInProgress(index, resizeDelta);
+    this.completeResizeWithMouseInProgress(index, resizeDelta);
+  }
 }
 /*
 abstract class BaseTestComponentRtl extends BaseTestComponent {
@@ -235,6 +267,34 @@ fdescribe('Material Popover Edit', () => {
         // throwing `querySelector` calls.
         overlayContainer.ngOnDestroy();
       });
+
+      it('applies max and min width limits at startup', () => {
+        
+      });
+
+      it('shows resize handle overlays on header row hover and while a resize handle is in use',
+          () => {
+        
+      });
+
+      it('resizes the target column via mouse input', () => {
+        
+      });
+
+      it('cancels an active mouse resize with the escape key', () => {
+      });
+
+      it('notifies subscribers of a completed resize via ColumnResizeNotifier', () => {
+        
+      });
+
+      it('does not notify subscribers of a canceled resize', () => {
+        
+      });
+
+      it('performs a column resize triggered via ColumnResizeNotifier', () => {
+        
+      });
     });
   }
 });