import { find, findAll } from 'ember-native-dom-helpers';
import { test, moduleForComponent } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import cleanWhitespace from '../utils/clean-whitespace';

moduleForComponent('placement-failure', 'Integration | Component | placement failures', {
  integration: true,
});

const commonTemplate = hbs`
  <div class="boxed-section">
    <div class="boxed-section-body">
      {{#placement-failure taskGroup=taskGroup}}{{/placement-failure}}
    </div>
  </div>
`;


test('should render the placement failure (basic render)', function(assert) {
  const name = 'Placement Failure';
  const failures = 11;
  this.set(
    'taskGroup',
    createFixture(
      {
        coalescedFailures: failures - 1
      },
      name
    )
  );
  this.render(commonTemplate);
  assert.equal(
    cleanWhitespace(find('[data-test-placement-failure-task-group]').firstChild.wholeText),
    name,
    'Title is rendered with the name of the placement failure'
  );
  assert.equal(
    parseInt(find('[data-test-placement-failure-coalesced-failures]').textContent),
    failures,
    'Title is rendered correctly with a count of unplaced'
  );
  assert.equal(
    findAll('[data-test-placement-failure-no-evaluated-nodes]').length,
    1,
    'No evaluated nodes message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-no-nodes-available]').length,
    1,
    'No nodes in datacenter message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-class-filtered]').length,
    1,
    'Class filtered message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-constraint-filtered]').length,
    1,
    'Constraint filtered message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-nodes-exhausted]').length,
    1,
    'Node exhausted message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-class-exhausted]').length,
    1,
    'Class exhausted message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-dimension-exhausted]').length,
    1,
    'Dimension exhausted message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-quota-exhausted]').length,
    1,
    'Quota exhausted message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-scores]').length,
    1,
    'Scores message shown'
  );
});
test('should render correctly when a node is not evaluated', function(assert) {
  this.set(
    'taskGroup',
    createFixture(
      {
        nodesEvaluated: 1,
        nodesExhausted: 0
      }
    )
  );
  this.render(commonTemplate);
  assert.equal(
    findAll('[data-test-placement-failure-no-evaluated-nodes]').length,
    0,
    'No evaluated nodes message shown'
  );
  assert.equal(
    findAll('[data-test-placement-failure-nodes-exhausted]').length,
    0,
    'Nodes exhausted message NOT shown when there are no nodes exausted'
  );
});

function createFixture(obj = {}, name = 'Placement Failure') {
  return {
    name: name,
    placementFailures: Object.assign({
      coalescedFailures: 10,
      nodesEvaluated: 0,
      nodesAvailable: {
        datacenter: 0,
      },
      classFiltered: {
        filtered: 1,
      },
      constraintFiltered: {
        'prop = val': 1,
      },
      nodesExhausted: 3,
      classExhausted: {
        class: 3,
      },
      dimensionExhausted: {
        iops: 3,
      },
      quotaExhausted: {
        quota: 'dimension',
      },
      scores: {
        name: 3,
      },
    },
    obj
    )
  };
}