refactor: make hasMultipleRoots a private property

Author: dobromir-hristov

src/vue-wrapper.ts

@@ -18,13 +18,13 @@ export class VueWrapper implements WrapperAPI {
     this.__emitted = events
   }
 
-  get __hasMultipleRoots(): boolean {
+  private get hasMultipleRoots(): boolean {
     // if the subtree is an array of children, we have multiple root nodes
     return this.componentVM.$.subTree.shapeFlag === ShapeFlags.ARRAY_CHILDREN
   }
 
   get element() {
-    return this.__hasMultipleRoots
+    return this.hasMultipleRoots
       ? // get the parent element of the current component
         this.componentVM.$el.parentElement
       : this.componentVM.$el
@@ -47,7 +47,9 @@ export class VueWrapper implements WrapperAPI {
   }
 
   html() {
-    return this.element.outerHTML
+    return this.hasMultipleRoots
+      ? this.element.innerHTML
+      : this.element.outerHTML
   }
 
   text() {

tests/html-text.spec.ts

@@ -2,15 +2,28 @@ import { defineComponent, h } from 'vue'
 
 import { mount } from '../src'
 
-test('html, text', () => {
-  const Component = defineComponent({
-    render() {
-      return h('div', {}, 'Text content')
-    }
+describe('html', () => {
+  it('returns html when mounting single root node', () => {
+    const Component = defineComponent({
+      render() {
+        return h('div', {}, 'Text content')
+      }
+    })
+
+    const wrapper = mount(Component)
+
+    expect(wrapper.html()).toBe('<div>Text content</div>')
   })
 
-  const wrapper = mount(Component)
+  it('returns the html when mounting multiple root nodes', () => {
+    const Component = defineComponent({
+      render() {
+        return [h('div', {}, 'foo'), h('div', {}, 'bar'), h('div', {}, 'baz')]
+      }
+    })
 
-  expect(wrapper.html()).toBe('<div>Text content</div>')
-  expect(wrapper.text()).toBe('Text content')
-})
+    const wrapper = mount(Component)
+
+    expect(wrapper.html()).toBe('<div>foo</div><div>bar</div><div>baz</div>')
+  })
+})