import { moduleForWidget, widgetTest } from 'helpers/widget-test';
moduleForWidget('discourse-poll-option');

const template = `{{mount-widget
                    widget="discourse-poll-option"
                    args=(hash option=option isMultiple=isMultiple vote=vote)}}`;

widgetTest('single, not selected', {
  template,

  beforeEach() {
    this.set('option', { id: 'opt-id' });
    this.set('vote', []);
  },

  test(assert) {
    assert.ok(find('li .d-icon-circle-o:eq(0)').length === 1);
  }
});

widgetTest('single, selected', {
  template,

  beforeEach() {
    this.set('option', { id: 'opt-id' });
    this.set('vote', ['opt-id']);
  },

  test(assert) {
    assert.ok(find('li .d-icon-dot-circle-o:eq(0)').length === 1);
  }
});

widgetTest('multi, not selected', {
  template,

  beforeEach() {
    this.setProperties({
      option: { id: 'opt-id' },
      isMultiple: true,
      vote: []
    });
  },

  test(assert) {
    assert.ok(find('li .d-icon-square-o:eq(0)').length === 1);
  }
});

widgetTest('multi, selected', {
  template,

  beforeEach() {
    this.setProperties({
      option: { id: 'opt-id' },
      isMultiple: true,
      vote: ['opt-id']
    });
  },

  test(assert) {
    assert.ok(find('li .d-icon-check-square-o:eq(0)').length === 1);
  }
});