open-nomad/ui/tests/integration/components/lifecycle-chart-test.js

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, settled } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
import { create } from 'ember-cli-page-object';
import LifecycleChart from 'nomad-ui/tests/pages/components/lifecycle-chart';

const Chart = create(LifecycleChart);

const tasks = [
  {
    lifecycleName: 'main',
    name: 'main two',
  },
  {
    lifecycleName: 'main',
    name: 'main one',
  },
  {
    lifecycleName: 'prestart',
    name: 'prestart',
  },
  {
    lifecycleName: 'sidecar',
    name: 'sidecar',
  },
];

module('Integration | Component | lifecycle-chart', function(hooks) {
  setupRenderingTest(hooks);

  test('it renders stateless phases and lifecycle- and name-sorted tasks', async function(assert) {
    this.set('tasks', tasks);

    await render(hbs`<LifecycleChart @tasks={{tasks}} />`);
    assert.ok(Chart.isPresent);

    assert.equal(Chart.phases[0].name, 'Prestart');
    assert.equal(Chart.phases[1].name, 'Main');

    Chart.phases.forEach(phase => assert.notOk(phase.isActive));

    assert.deepEqual(Chart.tasks.mapBy('name'), ['prestart', 'sidecar', 'main one', 'main two']);
    assert.deepEqual(Chart.tasks.mapBy('lifecycle'), [
      'Prestart Task',
      'Sidecar Task',
      'Main Task',
      'Main Task',
    ]);

    assert.ok(Chart.tasks[0].isPrestart);
    assert.ok(Chart.tasks[1].isSidecar);
    assert.ok(Chart.tasks[2].isMain);

    Chart.tasks.forEach(task => {
      assert.notOk(task.isActive);
      assert.notOk(task.isFinished);
    });
  });

  test('it doesn’t render when there’s only one phase', async function(assert) {
    this.set('tasks', [
      {
        lifecycleName: 'main',
      },
    ]);

    await render(hbs`<LifecycleChart @tasks={{tasks}} />`);
    assert.notOk(Chart.isPresent);
  });

  test('it reflects phase and task states when states are passed in', async function(assert) {
    this.set(
      'taskStates',
      tasks.map(task => {
        return { task };
      })
    );

    await render(hbs`<LifecycleChart @taskStates={{taskStates}} />`);
    assert.ok(Chart.isPresent);

    Chart.phases.forEach(phase => assert.notOk(phase.isActive));

    Chart.tasks.forEach(task => {
      assert.notOk(task.isActive);
      assert.notOk(task.isFinished);
    });

    this.set('taskStates.firstObject.state', 'running');
    await settled();

    assert.ok(Chart.phases[1].isActive);
    assert.ok(Chart.tasks[3].isActive);

    this.set('taskStates.firstObject.finishedAt', new Date());
    await settled();

    assert.ok(Chart.tasks[3].isFinished);
  });
});