feat(stub-deps): ability to stub dependencies for ComponentTester

test/resources2/child-component.html

@@ -0,0 +1,3 @@
+<template>
+  ${message}
+</template>

test/resources2/child-component.ts

@@ -0,0 +1,5 @@
+import { bindable } from 'aurelia-framework';
+
+export class ChildComponent {
+  @bindable() public message = '';
+}

test/resources2/parent-component.html

@@ -0,0 +1,4 @@
+<template>
+  <require from="./child-component"></require>
+  Parent <child-component message.bind="'Child'"></child-component>
+</template>

test/resources2/parent-component.ts

@@ -0,0 +1,2 @@
+export class ParentComponent {
+}

test/template-dependency-stub.spec.ts

@@ -1,6 +1,7 @@
 import './setup';
 import { StageComponent } from '../src/component-tester';
 import { bootstrap } from 'aurelia-bootstrapper';
+import { PLATFORM } from 'aurelia-pal';
 
 describe('Template dependency stubbing', () => {
 
@@ -183,3 +184,39 @@ describe('Template dependency stubbing', () => {
     });
   });
 });
+
+fdescribe('sample', () => {
+
+  it('should render without and with child', async () => {
+    let component;
+    let subComponent;
+
+    PLATFORM.moduleName('test/resources2/parent-component');
+    PLATFORM.moduleName('test/resources2/child-component');
+
+    // First block, ignoring Child-component
+    component = await StageComponent
+    .withResources('test/resources2/parent-component')
+    .inView('<parent-component></parent-component>')
+    .ignoreDependencies('test/resources2/child-component');
+
+    await component.create(bootstrap);
+    subComponent = component.element as HTMLElement;
+    expect(subComponent.textContent!.trim()).toEqual('Parent');
+    expect(subComponent.textContent!.trim()).not.toContain('Child');
+
+    await component.dispose();
+
+    // Second block, keeping Child-component
+    component = await StageComponent
+      .withResources('test/resources2/parent-component')
+      .inView('<parent-component></parent-component>');
+    // .ignoreDependencies('child-component');
+
+    await component.create(bootstrap);
+    subComponent = component.element as HTMLElement;
+    expect(subComponent.textContent!.trim()).toContain('Child');
+
+    component.dispose();
+  });
+});