title: angular testing directive stub child directive
body: <p>I want to test a directive whose markup contains a child directive.
  e.g.</p>
  
  <pre><code>&lt;div class="directiveUnderTest"&gt;
    &lt;child-directive&gt;&lt;/child-directive&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to stub out the child directive in my unit test so it won't try to 'compile' it and instead just ignore this directive.
  I could do </p>
  
  <pre><code>inject(function($templateCache) {
              $templateCache.put('/path/to/child/directive', '');
  });
  </code></pre>
  
  <p>But this now depends on the implementation of the child directive.  I would like to stub out the entire child directive.</p>
  
  <p>I don't want to override the template of the directive under test as I need to compile the real template in order for it to create the expected scope.</p>
  
  <p>Any suggestions?</p>
  
  <p>Thanks in advance.</p>