import {
  bootstrapPropertiesPanel, changeInput,
  expectSelected,
  findEntry,
  getPropertiesPanel
} from './helpers';
import {
  query as domQuery,
} from 'min-dom';

import spiffModdleExtension from '../../app/spiffworkflow/moddle/spiffworkflow.json';
import { BpmnPropertiesPanelModule, BpmnPropertiesProviderModule } from 'bpmn-js-properties-panel';
import { getBusinessObject } from 'bpmn-js/lib/util/ModelUtil';
import extensions from '../../app/spiffworkflow/extensions';

describe('Business Rule Properties Panel', function() {
  const xml = require('./bpmn/diagram.bpmn').default;

  beforeEach(bootstrapPropertiesPanel(xml, {
    debounceInput: false,
    additionalModules: [
      extensions,
      BpmnPropertiesPanelModule,
      BpmnPropertiesProviderModule,
    ],
    moddleExtensions: {
      spiffworkflow: spiffModdleExtension
    },
  }));

  it('should display a text box to select the called decision id', async function() {

    expectSelected('business_rule_task');

    // THEN - a properties panel exists with a section for editing that script
    let entry = findEntry('extension_called_decision', getPropertiesPanel());
    expect(entry).to.exist;
    const textInput = domQuery('input', entry);
    expect(textInput).to.exist;
  });

  it('should update the spiffworkflow:calledDecisionId tag when you modify the called decision text input', async function() {

    // IF - a script tag is selected, and you change the script in the properties panel
    const businessRuleTask = await expectSelected('business_rule_task');
    const entry = findEntry('extension_called_decision', getPropertiesPanel());
    const textInput = domQuery('input', entry);
    changeInput(textInput, 'wonderful');

    // THEN - the script tag in the BPMN Business object / XML is updated as well.
    const businessObject = getBusinessObject(businessRuleTask);
    expect(businessObject.extensionElements).to.exist;
    let element = businessObject.extensionElements.values[0];
    expect(element.calledDecisionId).to.equal('wonderful');
  });

  it('should load up the xml and the value for the called decision should match the xml', async function() {
    const businessRuleTask = await expectSelected('business_rule_task');
    let entry = findEntry('extension_called_decision', getPropertiesPanel());
    const textInput = domQuery('input', entry);
    expect(textInput.value).to.equal('test_decision');

    // THEN - the script tag in the BPMN Business object / XML is updated as well.
    let businessObject = getBusinessObject(businessRuleTask);
    expect(businessObject.extensionElements).to.exist;
    let element = businessObject.extensionElements.values[0];
    expect(element.calledDecisionId).to.equal('test_decision');
  });

});