Commit 920dff2

authored

feat(debug): Add maxLength and options to debug (#164)

1 parent d356049 commit 920dff2Copy full SHA for 920dff2

File tree

+21

-3

lines changed

+21

-3

lines changed

Lines changed: 16 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -57,3 +57,19 @@ test('debug pretty prints multiple nodes with the given parameter', () => {`
`57`	`57`	`expect.stringContaining('Lorem ipsum dolor sit amet'),`
`58`	`58`	`)`
`59`	`59`	`})`
	`60`	`+`
	`61`	`+test('allows same arguments as prettyDOM', () => {`
	`62`	`+ const {debug, container} = render(HelloWorld)`
	`63`	`+`
	`64`	`+ // debug accepts a maxLength and an options parameters:`
	`65`	`+ // https://testing-library.com/docs/dom-testing-library/api-helpers#prettydom`
	`66`	`+ debug(container, 6, {highlight: false})`
	`67`	`+`
	`68`	`+ expect(console.log).toHaveBeenCalledTimes(1)`
	`69`	+ expect(console.log.mock.calls[0]).toMatchInlineSnapshot(`
	`70`	`+ Array [`
	`71`	`+ <div>`
	`72`	`+ ...,`
	`73`	`+ ]`
	`74`	+ `)
	`75`	`+})`

Lines changed: 5 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ import {createLocalVue, mount} from '@vue/test-utils'`
`3`	`3`
`4`	`4`	`import {`
`5`	`5`	`getQueriesForElement,`
`6`		`- logDOM,`
	`6`	`+ prettyDOM,`
`7`	`7`	`waitFor,`
`8`	`8`	`fireEvent as dtlFireEvent,`
`9`	`9`	`} from '@testing-library/dom'`
`@@ -72,8 +72,10 @@ function render(`
`72`	`72`	`return {`
`73`	`73`	`container,`
`74`	`74`	`baseElement,`
`75`		`- debug: (el = baseElement) =>`
`76`		`- Array.isArray(el) ? el.forEach(e => logDOM(e)) : logDOM(el),`
	`75`	`+ debug: (el = baseElement, maxLength, options) =>`
	`76`	`+ Array.isArray(el)`
	`77`	`+ ? el.forEach(e => console.log(prettyDOM(e, maxLength, options)))`
	`78`	`+ : console.log(prettyDOM(el, maxLength, options)),`
`77`	`79`	`unmount: () => wrapper.destroy(),`
`78`	`80`	`isUnmounted: () => wrapper.vm._isDestroyed,`
`79`	`81`	`html: () => wrapper.html(),`

Comments

(0)