fix: correct the debug typing

Author: timdeschryver

projects/testing-library/src/lib/models.ts

@@ -3,9 +3,9 @@ import { ComponentFixture } from '@angular/core/testing';
 import { Routes } from '@angular/router';
 import { BoundFunction, FireObject, Queries, queries, waitFor, waitForElementToBeRemoved } from '@testing-library/dom';
 import { UserEvents } from './user-events';
+import { OptionsReceived } from 'pretty-format';
 
 export type RenderResultQueries<Q extends Queries = typeof queries> = { [P in keyof Q]: BoundFunction<Q[P]> };
-
 export interface RenderResult<ComponentType, WrapperType = ComponentType>
   extends RenderResultQueries,
     FireObject,
@@ -24,7 +24,11 @@ export interface RenderResult<ComponentType, WrapperType = ComponentType>
    * @param
    * element: The to be printed HTML element, if not provided it will log the whole component's DOM
    */
-  debug: (element?: HTMLElement) => void;
+  debug: (
+    element?: Element | HTMLDocument | (Element | HTMLDocument)[],
+    maxLength?: number,
+    options?: OptionsReceived,
+  ) => void;
   /**
    * @description
    * Trigger a change detection cycle for the component.

projects/testing-library/src/lib/testing-library.ts

@@ -17,6 +17,7 @@ import {
 } from '@testing-library/dom';
 import { RenderComponentOptions, RenderDirectiveOptions, RenderResult } from './models';
 import { createSelectOptions, createType, tab } from './user-events';
+
 @Component({ selector: 'wrapper-component', template: '' })
 class WrapperComponent {}
 
@@ -174,7 +175,10 @@ export async function render<SutType, WrapperType = SutType>(
     rerender,
     debugElement: fixture.debugElement.query(By.directive(sut)),
     container: fixture.nativeElement,
-    debug: (element = fixture.nativeElement) => console.log(prettyDOM(element)),
+    debug: (element = fixture.nativeElement, maxLength, options) =>
+      Array.isArray(element)
+        ? element.forEach(e => console.log(prettyDOM(e, maxLength, options)))
+        : console.log(prettyDOM(element, maxLength, options)),
     type: createType(eventsWithDetectChanges),
     selectOptions: createSelectOptions(eventsWithDetectChanges),
     tab,