Cycle wrapping

test1.js

import {h} from '@cycle/dom';
import xs from 'xstream';

import Test2 from './test2';
import Test3 from './test3';

let Test1 = function(sources) {
    return {
      DOM: Test2(sources).DOM
    //   DOM: Test3().DOM
    };
}

export default Test1;

test2.js

import {h} from '@cycle/dom';
import xs from 'xstream';

import Test3 from './test3';

const Test2 = ({DOM}) => {
	let render = (view) => { console.log(view({DOM}).DOM)
			return h('div', [
				h('p', 'First Child'),
				view({DOM}).DOM
			]);
		},

	vtree$ = xs.of(Test3).map(render);

	return {
		DOM: vtree$
	}
};

export default Test2;

test3.js

import {h} from '@cycle/dom';
import xs from 'xstream';

const Test2 = () => {
	let render = (state) => {
			return h('div', [
				h('p', 'Second Child'),
				h('p', 'State is: ' + state)
			]);
		},

	vtree$ = xs.of(true).map(render);

	return {
		DOM: vtree$
	}
};

export default Test2;