test: add emit test for class-style components

Author: Lindsay Gaines

tests/emit.spec.ts

@@ -1,4 +1,5 @@
 import { defineComponent, FunctionalComponent, h, SetupContext } from 'vue'
+import { Vue } from 'vue-class-component'
 
 import { mount } from '../src'
 
@@ -137,7 +138,7 @@ describe('emitted', () => {
     expect(wrapper.emitted('hello')).toHaveLength(2)
   })
 
-  it('gives a useful warning for functional components', () => {
+  it('captures events emitted by functional components', () => {
     const Component: FunctionalComponent<
       { bar: string; level: number },
       { hello: (foo: string, bar: string) => void }
@@ -159,6 +160,24 @@ describe('emitted', () => {
     expect(wrapper.emitted('hello')[0]).toEqual(['foo', 'bar'])
   })
 
+  it('captures events emitted by class-style components', () => {
+    // Define the component in class-style
+    class Component extends Vue {
+      bar = 'bar'
+      render() {
+        return h(`h1`, {
+          onClick: () => this.$emit('hello', 'foo', this.bar)
+        })
+      }
+    }
+
+    const wrapper = mount(Component, {})
+
+    wrapper.find('h1').trigger('click')
+    expect(wrapper.emitted('hello')).toHaveLength(1)
+    expect(wrapper.emitted('hello')[0]).toEqual(['foo', 'bar'])
+  })
+
   it('captures an event emitted in setup', () => {
     const Comp = {
       setup(_, { emit }) {