Function getDimension

src/material/grid-list/grid-list.spec.ts:506–523

Gets the computed dimension of a DebugElement in pixels.

(el: DebugElement, dimension: 'width' | 'height' | 'top' | 'left')

/** Gets the computed dimension of a DebugElement in pixels. */
function getDimension(el: DebugElement, dimension: 'width' | 'height' | 'top' | 'left'): number {
  const nativeElement: HTMLElement = el.nativeElement;

  switch (dimension) {
    // Note that we use direct measurements, rather than the computed style, because
    // `getComputedStyle` can be inconsistent between browser and can cause flakes.
    case 'width':
      return nativeElement.getBoundingClientRect().width;
    case 'height':
      return nativeElement.getBoundingClientRect().height;
    case 'top':
      return nativeElement.offsetTop;
    case 'left':
      return nativeElement.offsetLeft;
    default:
      throw Error(`Unknown dimension ${dimension}.`);
  }
}

/** Gets the `left` position of an element. */
function getComputedLeft(element: DebugElement): number {