feat: add custom container target (#12)

* add custom container target

* using default params

* addressing comment "pull/12#discussion_r280982845"

Author: oieduardorabelo

src/index.js

@@ -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,

tests/render.spec.js

@@ -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()
+  })
 })