Can not select <router-view> component about testcafe-vue-selectors HOT 5 CLOSED

import { Selector, ClientFunction } from 'testcafe';

fixture `Vue properties`
	.page('http://localhost:8080/test/data/');
	
test('get Vue specific properties', async t => {
	const node = Selector('#app');
	
    const getVueProperties = ClientFunction(() => {
		function getData (instance, prop) {
            const result = {};

            Object.keys(prop).forEach(key => {
                result[key] = instance[key];
            });


            return result;
        }
		
		 function getProps (instance) {
            return getData(instance, instance.$options.props || {});
        }

        function getState (instance) {
            const props   = instance._props || instance.$options.props;
            const getters = instance.$options.vuex && instance.$options.vuex.getters;
            const result  = {};

            Object.keys(instance._data)
                .filter(key => !(props && key in props) && !(getters && key in getters))
                .forEach(key => {
                    result[key] = instance._data[key];
                });

            return result;
        }

        function getComputed (instance) {
            return getData(instance, instance.$options.computed || {});
        }
		
		var nodeVue = node().__vue__;
		
		if (!nodeVue)
            return null;
		
		var props    = getProps(nodeVue);
        var state    = getState(nodeVue);
        var computed = getComputed(nodeVue);
		
		return {
			props: props,
			state: state,
			computed: computed
		};
	}, { dependencies: { node } });	
	
	const vueProperties = await getVueProperties();
	
	console.log(vueProperties);
});	

const welcome = VueSelector('welcome')
const welcomeVue = await welcome.getVue()

Vue.component('welcome', {
props: ['id'],
template: '...'
});