Update container+baseElement and debug references

docs/vue-testing-library/api.md

@@ -16,7 +16,7 @@ It also exposes these methods:
     - [`...queries`](#queries)
     - [`container`](#container)
     - [`baseElement`](#baseelement)
-    - [`debug()`](#debug)
+    - [`debug(element)`](#debugelement)
     - [`unmount()`](#unmount)
     - [`isUnmounted()`](#isunmounted)
     - [`html()`](#html)
@@ -107,20 +107,37 @@ const { getByLabelText, queryAllByTestId } = render(Component)
 
 #### `container`
 
-The containing DOM node of your rendered Vue Component. It's a `div`. This is a
-regular DOM node, so you can call `container.querySelector` etc. to inspect the
-children.
+By default, `Vue Testing Library` will create a `div` and append it to the
+`baseElement`. This is where your component will be rendered. If you provide
+your own HTMLElement container via this option, it will not be appended to the
+`baseElement` automatically.
+
+```js
+const table = document.createElement('table')
+
+const { container } = render(TableBody, {
+  container: document.body.appendChild(table),
+})
+```
 
 > Tip: To get the root element of your rendered element, use
 > `container.firstChild`.
 
 #### `baseElement`
 
-Returns `document.body`, the DOM node where your Vue component is rendered.
+`baseElement` is used as the base element for the queries as well as what is
+printed when you use `debug()`.
+
+It matches `container` if not custom `baseElement` is provided. If neither
+`baseElement` or `container` options are provided, `baseElement` defaults to
+`document.body`.
+
+#### `debug(element)`
 
-#### `debug()`
+This method is a shortcut for `console.log(prettyDOM(element))`.
 
-This method is a shortcut for `console.log(prettyDOM(baseElement))`.
+`element` can either be a DOM element or an array containing DOM elements. It
+defaults to `baseElement`
 
 ```jsx
 import { render } from '@testing-library/vue'