consul/ui-v2/tests/unit/utils/dom/get-component-factory-test.js

import getComponentFactory from 'consul-ui/utils/dom/get-component-factory';
import { module, test } from 'qunit';

module('Unit | Utility | dom/get component factory');

test("it uses lookup to locate the instance of the component based on the DOM element's id", function(assert) {
  const expected = 'name';
  let getComponent = getComponentFactory({
    lookup: function() {
      return { id: expected };
    },
  });
  assert.equal(typeof getComponent, 'function', 'returns a function');
  const actual = getComponent({
    getAttribute: function(name) {
      return 'id';
    },
  });
  assert.equal(actual, expected, 'performs a lookup based on the id');
});
test("it returns null if it can't find it", function(assert) {
  const expected = null;
  let getComponent = getComponentFactory({
    lookup: function() {
      return { id: '' };
    },
  });
  const actual = getComponent({
    getAttribute: function(name) {
      return 'non-existent';
    },
  });
  assert.equal(actual, expected);
});
test('it returns null if there is no id', function(assert) {
  const expected = null;
  let getComponent = getComponentFactory({
    lookup: function() {
      return { id: '' };
    },
  });
  const actual = getComponent({
    getAttribute: function(name) {
      return;
    },
  });
  assert.equal(actual, expected);
});