datahub/wherehows-web/tests/integration/components/datasets/containers/dataset-fabrics-test.js

import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import { startMirage } from 'wherehows-web/initializers/ember-cli-mirage';
import { find, waitFor } from 'ember-native-dom-helpers';
import fabrics from 'wherehows-web/mirage/fixtures/fabrics';

moduleForComponent(
  'datasets/containers/dataset-fabrics',
  'Integration | Component | datasets/containers/dataset-fabrics',
  {
    integration: true,
    beforeEach() {
      this.server = startMirage();
    },

    afterEach() {
      this.server.shutdown();
    }
  }
);

test('dataset fabric container rendering', async function(assert) {
  assert.expect(5);

  const containerTestClass = 'container-testing-class';
  const loadingSelector = '.ellipsis-loader';

  this.set('class', containerTestClass);
  this.render(hbs`
      {{#datasets/containers/dataset-fabrics class=class}}
        rendered
      {{/datasets/containers/dataset-fabrics}}
    `);

  await waitFor(`.${containerTestClass}`);

  assert.equal(
    find(`.${containerTestClass}`).textContent.trim(),
    'rendered',
    'it should yield contents when no urn is provided'
  );

  const { server } = this;
  const { uri } = server.create('datasetView');
  this.set('urn', uri);

  this.render(hbs`
      {{#datasets/containers/dataset-fabrics urn=urn}}
      {{/datasets/containers/dataset-fabrics}}
    `);

  await waitFor(loadingSelector);

  assert.ok(find(loadingSelector), 'it should render a loading indicator pending data fetching');

  this.render(hbs`
      {{#datasets/containers/dataset-fabrics class=class urn=urn}}
        <div class="yielded-content">rendered with urn supplied</div>
      {{/datasets/containers/dataset-fabrics}}
    `);

  await waitFor(`.${containerTestClass} .yielded-content`);

  assert.equal(
    find(`.${containerTestClass} .yielded-content`).textContent.trim(),
    'rendered with urn supplied',
    'it should yield contents when a valid urn is provided'
  );

  this.render(hbs`
      {{#datasets/containers/dataset-fabrics class=class urn=urn as |container|}}
        <div class="yielded-content">{{container.urn}}</div>
      {{/datasets/containers/dataset-fabrics}}
    `);

  await waitFor(`.${containerTestClass} .yielded-content`);

  assert.equal(
    find(`.${containerTestClass} .yielded-content`).textContent.trim(),
    `${this.get('urn')}`,
    'it should yield the dataset urn contextually'
  );

  this.render(hbs`
      {{#datasets/containers/dataset-fabrics class=class urn=urn as |container|}}
        <div class="yielded-content">{{container.fabrics}}</div>
      {{/datasets/containers/dataset-fabrics}}
    `);

  await waitFor(`.${containerTestClass} .yielded-content`);

  assert.equal(
    find(`.${containerTestClass} .yielded-content`).textContent.trim(),
    `${fabrics}`,
    'it should yield the list of dataset fabrics contextually'
  );
});