import { moduleForWidget, widgetTest } from 'helpers/widget-test';

moduleForWidget('actions-summary');

widgetTest('listing actions', {
  template: '{{mount-widget widget="actions-summary" args=args}}',
  setup() {
    this.set('args', {
      actionsSummary: [
        {action: 'off_topic', description: 'very off topic'},
        {action: 'spam', description: 'suspicious message'}
      ]
    });
  },
  test(assert) {
    assert.equal(this.$('.post-actions .post-action').length, 2);

    click('.post-action:eq(0) .action-link a');
    andThen(() => {
      assert.equal(this.$('.post-action:eq(0) img.avatar').length, 1, 'clicking it shows the user');
    });
  }
});

widgetTest('undo', {
  template: '{{mount-widget widget="actions-summary" args=args undoPostAction="undoPostAction"}}',
  setup() {
    this.set('args', {
      actionsSummary: [
        {action: 'off_topic', description: 'very off topic', canUndo: true},
      ]
    });

    this.on('undoPostAction', () => this.undid = true);
  },
  test(assert) {
    assert.equal(this.$('.post-actions .post-action').length, 1);

    click('.action-link.undo');
    andThen(() => {
      assert.ok(this.undid, 'it triggered the action');
    });
  }
});

widgetTest('deferFlags', {
  template: '{{mount-widget widget="actions-summary" args=args deferPostActionFlags="deferPostActionFlags"}}',
  setup() {
    this.set('args', {
      actionsSummary: [
        {action: 'off_topic', description: 'very off topic', canDeferFlags: true, count: 1},
      ]
    });

    this.on('deferPostActionFlags', () => this.deferred = true);
  },
  test(assert) {
    assert.equal(this.$('.post-actions .post-action').length, 1);

    click('.action-link.defer-flags');
    andThen(() => {
      assert.ok(this.deferred, 'it triggered the action');
    });
  }
});

widgetTest('post deleted', {
  template: '{{mount-widget widget="actions-summary" args=args}}',
  setup() {
    this.set('args', {
      isDeleted: true,
      deletedByUsername: 'eviltrout',
      deletedByAvatarTemplate: '/images/avatar.png'
    });
  },
  test(assert) {
    assert.ok(this.$('.post-action .fa-trash-o').length === 1, 'it has the deleted icon');
    assert.ok(this.$('.avatar[title=eviltrout]').length === 1, 'it has the deleted by avatar');
  }
});