default-value-test.js

it('should check a default input by using the defaultValue prop', () => {
  const props = {
    defaultValue: 'bravo.value',
    inputs: [
      { value: 'alpha.value', label: 'alpha.label' },
      { value: 'bravo.value', label: 'bravo.label' },
      { value: 'charlie.value', label: 'charlie.label' }
    ]
  };
  const component = createComponent(props);
  const $component = $(component).render();
  const $inputs = $component.find('input');

  // Turning $inputs into an array of elements and then using `Array.prototype.filter`
  // and `Array.prototype.map` to figure out which one on the DOM is "checked".
  const actual = $inputs
    .get()
    .filter(inputNode => inputNode.checked)
    .map(inputNode => inputNode.value);
  const expected = ['bravo.value'];

  // Then we assert that the "checked" input, is the bravo input, which is the
  // the one indicated by the defaultValue prop.
  assert.deepEqual(
    actual,
    expected,
    'checked the input with the value equal to defaultValue prop'
  );
});