Functional component test fails at findComponent

[cyberalien]

Simple test with functional component:

import { h } from 'vue';
import { mount } from '@vue/test-utils';

function Test(props, context) {
	return h('div', {
		...props,
		innerHTML: 'This is a test',
	});
}

describe('Mounting component', () => {
	test('with wrapper', () => {
		const Wrapper = {
			components: { Test },
			template: `<Test />`,
		};

		const wrapper = mount(Wrapper, {});
		const item = wrapper.findComponent(Test);
		expect(item.exists()).toBe(true);
	});

	test('without wrapper', () => {
		const wrapper = mount(Test, {});
		const item = wrapper.findComponent(Test);
		expect(item.exists()).toBe(true);
		expect(item.html()).toStrictEqual('<div>This is a test</div>');
	});
});

Both tests fail at findComponent() that returns null.

vue: 3.0.0-rc.7
vue/test-utils: 2.0.0-beta.2, also tried with latest build from this repo

[afontcu]

Related to #184?

[cyberalien]

Checked that branch. First test passes, second test fails.

[lmiller1990]

After merging this #188 I will investigate this a little. I learned a lot in #184.

I believe this was not working in VTU v1 either. I expect some limitations to by applied to a found functional component (currently we cannot detect emitted events from them, for example).

In the meantime, I will be adding some warnings to let people know this is a known issue, such as here: #185

[cyberalien]

Thanks!

As for VTU v1, it is working with similar functional component for Vue 2.

[lmiller1990]

Fixed in #238

This will be in the next release