#9 - add custom container target #12

Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,8 +2,8 @@ import {getQueriesForElement, prettyDOM} from 'dom-testing-library'

		export * from 'dom-testing-library'
		const mountedContainers = new Set()
	export const render = (Component, options) => {
	const target = document.body.appendChild(document.createElement('div'))
	export const render = (Component, {target = document.createElement('div'), ...options} = {}) => {
	document.body.appendChild(target)

		const component = new Component({
		...options,
Expand Down

15 changes: 15 additions & 0 deletions tests/render.spec.js

Show comments View file Open in desktop

Original file line number	Diff line number	Diff line change
Expand Up		@@ -46,4 +46,19 @@ describe('render', () => {

		expect(global.console.log).toHaveBeenCalledWith(prettyDOM(document.body))
		})

	test('custom container target', () => {
	const customTarget = document.createElement('main')
	customTarget.dataset.testid = 'custom-target'

	document.body.appendChild(customTarget)

	const {getByText, getByTestId} = render(App, {
	target: customTarget,
	props: {name: 'world'},
	})

	expect(getByText('Hello world!')).toBeInTheDocument()
	expect(getByTestId('custom-target')).toBeInTheDocument()
	})
		})

Navigation Menu