beforeCompile(content: DocumentFragment, resources: ViewResources, instruction: ViewCompileInstruction): void {
   if (instruction.targetShadowDOM) {
     DOM.injectStyles(this.css, content as any, true);
   } else if (FEATURE.scopedCSS) {
     let styleNode = DOM.injectStyles(this.css, content as any, true) as Element;
     styleNode.setAttribute('scoped', 'scoped');
   } else if (this._global && !this.owner._alreadyGloballyInjected) {
     DOM.injectStyles(this.css);
     this.owner._alreadyGloballyInjected = true;
   }
 }

    beforeEach(() => {
        container = new Container();
        container.registerInstance(Element, DOM.createElement("div"));
        templatingEngine = container.get(TemplatingEngine);

        sut = templatingEngine.createViewModelForUnitTest(ScrollSpyElement);
    });

    function exerciseBehavior(callback) {
      let sourceCalls = 0;
      let source = {
        handleClick: e => {
          // console.info('source called');
          sourceCalls++;
        }
      };
      let scope = createScopeForTest(source);

      // overrides updateSource
      binding.bind(scope);
      expect(binding.callSource === originalCallSource).not.toBe(true);

      for (let i = 0, ii = 50; i < ii; i++) {
        button.dispatchEvent(DOM.createCustomEvent('click', { bubbles: true }));
      }

      // How to ensure this happen after all events without timeout?
      let testDuration = 500;
      function endTest() {
        binding.unbind();
        expect(sourceCalls).toEqual(0);
        expect(binding.callSource === originalCallSource).toBe(true);
        callback();
      }
      setTimeout(endTest, testDuration);
    }

    beforeEach(() => {
        container = new Container();
        templatingEngine = container.get(TemplatingEngine);

        sut = templatingEngine.createViewModelForUnitTest(ButtonElement);
        sut.element = DOM.createElement("a");
    });

    beforeEach(() => {
        container = new Container();
        container.registerInstance(Element, DOM.createElement("div"));
        templatingEngine = container.get(TemplatingEngine);
        sut = templatingEngine.createViewModelForUnitTest(DropdownDividerAttribute);

    });

 async function closeOnEscSpec(done: DoneFn, settings: DialogSettings) {
   const renderer = createRenderer(settings);
   await show(done, renderer);
   DOM.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
   expect(renderer.__controller.ok).toHaveBeenCalled();
   done();
 }

  it('should set focus value to true when element gets focus', () => {
    focus.attached();
    setBindedFocusValue(false);

    element.dispatchEvent(DOM.createCustomEvent('focus'));

    expect(focus.value).toBe(true);
  });

 .then(text => {
   text = fixupCSSUrls(this.address, text);
   this._scoped.css = text;
   if (this._global) {
     this._alreadyGloballyInjected = true;
     DOM.injectStyles(text);
   }
 });