diff --git a/src/__tests__/debug.js b/src/__tests__/debug.js
index d870244f..c17d4cd2 100644
--- a/src/__tests__/debug.js
+++ b/src/__tests__/debug.js
@@ -57,3 +57,19 @@ test('debug pretty prints multiple nodes with the given parameter', () => {
expect.stringContaining('Lorem ipsum dolor sit amet'),
)
})
+
+test('allows same arguments as prettyDOM', () => {
+ const {debug, container} = render(HelloWorld)
+
+ // debug accepts a maxLength and an options parameters:
+ // https://testing-library.com/docs/dom-testing-library/api-helpers#prettydom
+ debug(container, 6, {highlight: false})
+
+ expect(console.log).toHaveBeenCalledTimes(1)
+ expect(console.log.mock.calls[0]).toMatchInlineSnapshot(`
+ Array [
+
+ ...,
+ ]
+ `)
+})
diff --git a/src/vue-testing-library.js b/src/vue-testing-library.js
index a7cd4472..5c69e103 100644
--- a/src/vue-testing-library.js
+++ b/src/vue-testing-library.js
@@ -3,7 +3,7 @@ import {createLocalVue, mount} from '@vue/test-utils'
import {
getQueriesForElement,
- logDOM,
+ prettyDOM,
waitFor,
fireEvent as dtlFireEvent,
} from '@testing-library/dom'
@@ -72,8 +72,10 @@ function render(
return {
container,
baseElement,
- debug: (el = baseElement) =>
- Array.isArray(el) ? el.forEach(e => logDOM(e)) : logDOM(el),
+ debug: (el = baseElement, maxLength, options) =>
+ Array.isArray(el)
+ ? el.forEach(e => console.log(prettyDOM(e, maxLength, options)))
+ : console.log(prettyDOM(el, maxLength, options)),
unmount: () => wrapper.destroy(),
isUnmounted: () => wrapper.vm._isDestroyed,
html: () => wrapper.html(),