assertSourcesSinks example

test.js

function main(sources) {
  const sinks = {
    DOM: sources.DOM.select('.field').events('input')
      .map(ev => ev.target.value)
      .startWith('')
      .map(name =>
        div([
          label('Name:'),
          input('.field', {attrs: {type: 'text'}}),
          hr(),
          h1('Hello ' + name),
        ])
      )
  };
  return sinks;
}

const domSource = {
  'select:events': () => ({
    a: { target: { value: 'foo' } },
    b: { target: { value: 'bar' } }
  })
};

const domSink = {
  x: div([
    label('Name:'),
    input('.field', {attrs: {type: 'text'}}),
    hr(),
    h1('Hello foo'),
  ]),
  y: div([
    label('Name:'),
    input('.field', {attrs: {type: 'text'}}),
    hr(),
    h1('Hello bar'),
  ])
}

assertSourcesSinks({
  DOM: { 'ab|': domSource },
}, {
  DOM: { 'xy|': domSink }
}, main, done);