beforeEach(done => {
    let container = new Container();
    viewSlot = new ViewSlotMock();
    viewFactory = new BoundViewFactoryMock();
    observerLocator = container.get(ObserverLocator);
    repeatStrategyLocator = container.get(RepeatStrategyLocator);
    repeatStrategyMock = new RepeatStrategyMock();
    container.registerInstance(TargetInstruction, instructionMock);
    container.registerInstance(ViewResources, viewResourcesMock);
    container.registerInstance(ViewSlot, viewSlot);
    container.registerInstance(BoundViewFactory, viewFactory);

    component = StageComponent.withResources().inView('<div repeat.for="item of items"></div>').boundTo({ items: [] });

    component.create(bootstrap).then(() => {
      repeat = component.viewModel;
      repeat.viewSlot = viewSlot;
      repeat.instruction = instructionMock;
      repeat.viewFactory = viewFactory;
      repeat.observerLocator = observerLocator;
      repeat.strategyLocator = repeatStrategyLocator;
      done();
    });

  });

 beforeEach(() => {
   viewModel = new ViewModel();
   component = StageComponent
     .withResources('dist/test/src/attach-focus')
     .boundTo(viewModel);
   component.bootstrap((aurelia: Aurelia) => aurelia.use.basicConfiguration());
 });

 beforeEach(() => {
     sut = StageComponent
             .withResources("./../../../../base/dist/amd/javascript/media/sliderElement")
             .inView("<m:slider id='someId'></m:slider>");
     options = {
         full_width: false,
     };
 });

 beforeEach(() => {
     sut = StageComponent
             .withResources("./../../../../base/dist/amd/javascript/pushpin/pushpinAttribute")
             .inView("<div m:pushpin></div>");
     
     defaultOptions = {
         bottom: Infinity,
         offset: 0,
         top: 0,
     };
 });

  it('should use route as primary property', done => {
    component = StageComponent
      .withResources(PLATFORM.moduleName('src/route-href'))
      .inView('<a route-href.bind="name"></a>')
      .boundTo({ name: 'b' });

    configure(component);

    component.create(bootstrap)
      .then(() => {
        expect(component.viewModel.route).toBe('b');
        done();
      });
  });

 beforeEach(() => {
     sut = StageComponent
             .withResources("./../../../../base/dist/amd/javascript/dropdown/dropdownElement")
             .inView("<m:dropdown id='someId'></m:dropdown>");
     defaultOptions = {
         alignment: "left",
         belowOrigin: false,
         constrain_width: true,
         gutter: 0,
         hover: false,
         inDuration: 300,
         outDuration: 225,
     };
 });

function withNamedViewport(routeConfig?: Partial<RouteConfig>) {
  const component = StageComponent
      .withResources()
      .inView('<router-view name="viewport1"></router-view>');

  configure(component, {
    route: ['', 'default'],
    viewPorts: {
      viewport1: { moduleId: 'test/routes/route-1' }
    },
    activationStrategy: 'replace'
  }, routeConfig);

  return component;
}

  const stageTest = (validationErrors: string, supplyControllerToViewModel?: boolean) => {
    const form: string = `
      <template>
        <form novalidate autocomplete='off' ${validationErrors}>
          <input ref='standardInput' type='text' value.bind='standardProp & validateOnBlur'>
        </form>
      </template>`;

    parentViewModel.form = form;

    component = StageComponent
      .withResources()
      // tslint:disable-next-line:max-line-length
      .inView(`<compose containerless view-model="./dist/test/test/resources/validation-errors-form-one" model.bind="{ form: form, controller: controller }"></compose>`)
      // tslint:enable-next-line:max-line-length
      .boundTo(parentViewModel);

    const myConfigure = (aurelia: Aurelia) => {
      const config = configure(aurelia);
      container = aurelia.container;
      return config;
    };

    component.bootstrap(myConfigure);

    /*
      at this point validation plugin has not yet been initialized, not until in component.create()
    */
    if (supplyControllerToViewModel) {
      /*
        the viewmodel is going to call this in created().
        at that point the validation plugin will have been initialized and bind() will
        not yet have been executed.
      */
      parentViewModel.controller = () => {
        const factory = container.get(ValidationControllerFactory);
        const controller = factory.createForCurrentScope();
        parentViewModel.theController = controller;
        return controller;
      };
    }

    return component.create(bootstrap as any)
      .then(() => {
        // we get here after the viewmodel's bind().
        viewModel = component.viewModel.currentViewModel;
      });
  };

function withDefaultViewport(routeConfig?: Partial<RouteConfig>) {
  const component = StageComponent
      .withResources()
      .inView('<router-view></router-view>');

  configure(
    component,
    /*default route*/{
      route: ['', 'default'],
      moduleId: 'test/routes/route-1',
      activationStrategy: 'replace'
    },
    /*extra route config */routeConfig
  );

  return component;
}

 beforeEach(() => {
   component = StageComponent
     .withResources('resources/elements/droid-infotile')
     .inView('<droid-infotile droid.bind="droid"></droid-infotile>')
     .boundTo({
       droid: {
         id: 0,
         armaments: ["DAS-430 Neural Inhibitor", "Heavy pulse cannon", "Poison darts", "Toxic gas dispensers"],
         creditBalance: 4611686018427388000,
         entryDate: "2016-10-08T13:12:09.4251166Z",
         equipment: [],
         height: 1.96,
         imperialContractId: "0b450fdd-f484-423b-8685-4193e9fa583d",
         name: "IG-88",
         productSeries: "IG-86"
       }
     });
 });