Create loadChild mixin

src/load-child-mixin.js

@@ -0,0 +1,7 @@
+var loadChild = require('./load-child.js');
+
+module.exports = {
+  loadChild: function(childName, a, b, c, d, e, f) {
+    return loadChild.loadChild(this.children, childName, a, b, c, d, e, f);
+  }
+};

src/load-child.js

@@ -1,7 +1,7 @@
 var _ = require('lodash'),
     React = require('react');
 
-module.exports = function(childTemplates, childName, a, b, c, d, e, f) {
+exports.loadChild = function(childTemplates, childName, a, b, c, d, e, f) {
   /**
    * Create a React element for a specific child type.
    *

src/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  Mixin: require('./load-child-mixin.js')
+};

tests/load-child-mixin.js

@@ -0,0 +1,34 @@
+var _ = require('lodash'),
+    loadChild = require('../src/load-child.js'),
+    Mixin = require('../src/load-child-mixin.js');
+
+describe('Load child mixin', function() {
+  var fakeReactElement = {},
+      fakeComponent;
+
+  beforeEach(function() {
+    sinon.stub(loadChild, 'loadChild').returns(fakeReactElement);
+
+    fakeComponent = _.clone(Mixin);
+    fakeComponent.children = {};
+  });
+
+  afterEach(function() {
+    loadChild.loadChild.restore();
+  });
+
+  it('should call loadChild lib with same args', function() {
+    fakeComponent.loadChild('myChild', 5, 10, true);
+
+    var args = loadChild.loadChild.lastCall.args;
+    expect(args[0]).to.equal(fakeComponent.children);
+    expect(args[1]).to.equal('myChild');
+    expect(args[2]).to.equal(5);
+    expect(args[3]).to.equal(10);
+    expect(args[4]).to.equal(true);
+  });
+
+  it('should return what loadChild lib returned', function() {
+    expect(fakeComponent.loadChild()).to.equal(fakeReactElement);
+  });
+});

tests/load-child.js

@@ -1,7 +1,7 @@
 var React = require('react'),
-    loadChild = require('../src/load-child.js');
+    loadChild = require('../src/load-child.js').loadChild;
 
-describe('Loading children', function() {
+describe('Load child', function() {
   var FirstComponent = {},
       SecondComponent = {},
       childTemplates;

tests/load-missing-child.js

@@ -1,7 +1,7 @@
 var React = require('react'),
-    loadChild = require('../src/load-child.js');
+    loadChild = require('../src/load-child.js').loadChild;
 
-describe('Loading missing child', function() {
+describe('Load missing child', function() {
   var childTemplates;
 
   beforeEach(function() {