diff --git a/src/__tests__/debug.js b/src/__tests__/debug.js index ad3b8591..48411d88 100644 --- a/src/__tests__/debug.js +++ b/src/__tests__/debug.js @@ -36,4 +36,17 @@ test('debug pretty prints multiple containers', () => { ) }) +test('allows same arguments as prettyDOM', () => { + const HelloWorld = () =>

Hello World

+ const {debug, container} = render() + debug(container, 6, {highlight: false}) + expect(console.log).toHaveBeenCalledTimes(1) + expect(console.log.mock.calls[0]).toMatchInlineSnapshot(` + Array [ + "
+ ...", + ] + `) +}) + /* eslint no-console:0 */ diff --git a/src/pure.js b/src/pure.js index 40588797..9ed80e1e 100644 --- a/src/pure.js +++ b/src/pure.js @@ -60,12 +60,12 @@ function render( return { container, baseElement, - debug: (el = baseElement) => + debug: (el = baseElement, maxLength, options) => Array.isArray(el) ? // eslint-disable-next-line no-console - el.forEach(e => console.log(prettyDOM(e))) + el.forEach(e => console.log(prettyDOM(e, maxLength, options))) : // eslint-disable-next-line no-console, - console.log(prettyDOM(el)), + console.log(prettyDOM(el, maxLength, options)), unmount: () => ReactDOM.unmountComponentAtNode(container), rerender: rerenderUi => { render(wrapUiIfNeeded(rerenderUi), {container, baseElement})