import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import { triggerEvent } from 'ember-native-dom-helpers';

import noop from 'wherehows-web/utils/noop';
import { OwnerType, OwnerSource } from 'wherehows-web/utils/api/datasets/owners';
import owners from 'wherehows-web/mirage/fixtures/owners';
import userStub from 'wherehows-web/tests/stubs/services/current-user';
import { minRequiredConfirmedOwners } from 'wherehows-web/constants/datasets/owner';

const [confirmedOwner] = owners;
const ownerTypes = Object.values(OwnerType);

moduleForComponent('dataset-authors', 'Integration | Component | dataset authors', {
  integration: true,

  beforeEach() {
    this.register('service:current-user', userStub);

    this.inject.service('current-user');
  }
});

test('it renders', function(assert) {
  assert.expect(1);
  this.set('owners', owners);
  this.set('ownerTypes', ownerTypes);
  this.set('saveOwnerChanges', noop);
  this.render(hbs`{{dataset-authors owners=owners ownerTypes=ownerTypes save=(action saveOwnerChanges)}}`);

  assert.equal(this.$('.dataset-author').length, 2, 'expected two dataset author components to be rendered');
});

test('it should remove an owner when removeOwner is invoked', function(assert) {
  assert.expect(1);
  this.set('owners', [confirmedOwner]);
  this.set('ownerTypes', ownerTypes);
  this.set('saveOwnerChanges', noop);
  this.render(hbs`{{dataset-authors owners=owners ownerTypes=ownerTypes save=(action saveOwnerChanges)}}`);

  triggerEvent('.remove-dataset-author', 'click');

  assert.equal(this.get('owners').length, 0);
});

test('it should update a suggested owner to confirmed', function(assert) {
  assert.expect(3);

  const initialLength = owners.length;
  let userName, confirmedOwner;

  this.set('owners', owners);
  this.set('ownerTypes', ownerTypes);
  this.set('saveOwnerChanges', noop);
  this.render(hbs`{{dataset-authors owners=owners ownerTypes=ownerTypes save=(action saveOwnerChanges)}}`);

  assert.equal(
    this.get('owners.length'),
    initialLength,
    `the list of owners is ${initialLength} before adding confirmed owner`
  );

  triggerEvent('.confirm-suggested-dataset-author', 'click');

  userName = this.get('current-user.currentUser.userName');
  confirmedOwner = this.get('owners').findBy('confirmedBy', userName);

  assert.equal(this.get('owners.length'), initialLength + 1, 'the list of owner contains one more new owner');
  assert.equal(confirmedOwner.source, OwnerSource.Ui, 'contains a new owner with ui source');
});

test('it should disable the save button when confirmedOwners is less than required minimum', function(assert) {
  assert.expect(2);
  this.set('owners', [confirmedOwner]);
  this.set('ownerTypes', ownerTypes);
  this.set('saveOwnerChanges', noop);
  this.render(hbs`{{dataset-authors owners=owners ownerTypes=ownerTypes save=(action saveOwnerChanges)}}`);

  const isDisabled = document.querySelector('.dataset-authors-save').disabled;

  assert.ok(
    this.get('owners').length < minRequiredConfirmedOwners,
    `owners is less than the minimum required ${minRequiredConfirmedOwners}`
  );
  assert.equal(isDisabled, true, 'save button interaction is disabled');
});

test('it should invoke the external save action on save', function(assert) {
  assert.expect(2);
  this.set('owners', [confirmedOwner]);
  this.set('ownerTypes', ownerTypes);
  this.set('saveOwnerChanges', owners => {
    assert.ok(owners === this.get('owners'), 'the list of owners is passed into the save action');
  });
  this.render(
    hbs`{{dataset-authors owners=owners ownerTypes=ownerTypes requiredMinNotConfirmed=requiredMinNotConfirmed save=(action saveOwnerChanges)}}`
  );

  // enable save button interaction
  this.set('requiredMinNotConfirmed', false);

  triggerEvent('.dataset-authors-save', 'click');

  assert.equal(this.get('owners').length, 1);
});