import { UnitTest } from '@ephox/bedrock';
import { Html } from '@ephox/sugar';

import * as Behaviour from 'ephox/alloy/api/behaviour/Behaviour';
import { Representing } from 'ephox/alloy/api/behaviour/Representing';
import * as GuiFactory from 'ephox/alloy/api/component/GuiFactory';
import * as RepresentPipes from 'ephox/alloy/test/behaviour/RepresentPipes';
import * as GuiSetup from 'ephox/alloy/api/testhelpers/GuiSetup';

UnitTest.asynctest('RepresentingTest (mode: manual)', (success, failure) => {
  GuiSetup.setup((store, doc, body) => {
    return GuiFactory.build({
      dom: {
        tag: 'span',
        innerHtml: 'stuff'
      },
      behaviours: Behaviour.derive([
        Representing.config({
          store: {
            mode: 'manual',
            getValue (comp) {
              store.adder('getValue')();
              return Html.get(comp.element());
            },
            setValue (comp, v) {
              Html.set(comp.element(), v);
              store.adder('setValue(' + v + ')')();
            },
            initialValue: 'init-value'
          }
        })
      ])
    });

  }, (doc, body, gui, component, store) => {
    return [
      store.sAssertEq('Should have called setValue on init', [ 'setValue(init-value)' ]),
      RepresentPipes.sAssertValue('Checking initial value', 'init-value', component),
      store.sAssertEq('Should have called setValue on init', [ 'setValue(init-value)', 'getValue' ]),
      RepresentPipes.sSetValue(component, 'new-value'),
      store.sAssertEq('Should have called setValue on init', [ 'setValue(init-value)', 'getValue', 'setValue(new-value)' ]),
      RepresentPipes.sAssertValue('Checking 2nd value', 'new-value', component)
    ];
  }, () => { success(); }, failure);
});