tests: add more tests

Author: lmiller1990

tests/findComponent.spec.ts

@@ -171,17 +171,18 @@ describe('findComponent', () => {
     expect(wrapper.findComponent(Hello).unmount).toThrowError()
   })
 
-  it('finds nested componens', () => {
-    // https://github.com/vuejs/vue-test-utils-next/issues/173
-    const ComponentA = {
-      name: 'ComponentA',
-      template: `<div><slot></slot></div>`
-    }
-
-    const ComponentB = {
-      name: 'ComponentB',
-      template: '<div><slot></slot></div>'
-    }
+  // https://github.com/vuejs/vue-test-utils-next/issues/173
+  const ComponentA = {
+    name: 'ComponentA',
+    template: `<div><slot></slot></div>`
+  }
+
+  const ComponentB = {
+    name: 'ComponentB',
+    template: '<div><slot></slot></div>'
+  }
+
+  it('finds nested components and obtains expected html and innerText', () => {
     const wrapper = mount({
       components: {
         ComponentA,
@@ -198,4 +199,31 @@ describe('findComponent', () => {
     const com1 = wrapper.findComponent(ComponentB)
     expect(com1.html()).toBe('<div>1</div>')
   })
+
+  it('finds nested components and obtains expected html and innerText', () => {
+    const wrapper = mount({
+      components: {
+        ComponentA,
+        ComponentB
+      },
+      template: `
+        <ComponentA>
+          <ComponentB>
+            <div class="content" id="1">1</div>
+          </ComponentB>
+          <ComponentB>
+            <div class="content" id="2">2</div>
+          </ComponentB>
+          <ComponentB>
+            <div class="content" id="3">3</div>
+          </ComponentB>
+        </ComponentA>
+      `
+    })
+
+    const compB = wrapper.findAllComponents(ComponentB)
+    expect(compB[0].find('.content').text()).toBe('1')
+    expect(compB[0].vm.$el.querySelector('.content').innerHTML).toBe('1')
+    expect(compB[0].vm.$el.querySelector('.content').textContent).toBe('1')
+  })
 })

tests/html.spec.ts

@@ -50,4 +50,33 @@ describe('html', () => {
     const wrapper = mount(Component)
     expect(wrapper.html()).toEqual('<div class="Foo">FOO</div>')
   })
+
+  it('returns the html with findComponent in a nested Suspense component', () => {
+    const Foo = defineComponent({
+      template: '<div class="Foo">FOO</div>',
+      setup() {
+        return {}
+      }
+    })
+    const Component = {
+      template: `
+      <div>
+        <span>
+          <Suspense>
+            <template #default>
+              <Foo />
+            </template>
+
+            <template #fallback>
+              Fallback
+            </template>
+          </Suspense>
+        </span>
+      </div>`,
+      components: { Foo }
+    }
+    const wrapper = mount(Component)
+    const foo = wrapper.findComponent(Foo)
+    expect(foo.html()).toEqual('<div class="Foo">FOO</div>')
+  })
 })