TypeScript angular2/src/render/dom/view/shared_styles_host DomSharedStylesHost Examples

Example #1

File: shared_styles_host_spec.ts Project: goderbauer/angular

  describe('DomSharedStylesHost', () => {
    var doc;
    var ssh: DomSharedStylesHost;
    var someHost: Element;
    beforeEach(() => {
      doc = DOM.createHtmlDocument();
      doc.title = '';
      ssh = new DomSharedStylesHost(doc);
      someHost = DOM.createElement('div');
    });

    it('should add existing styles to new hosts', () => {
      ssh.addStyles(['a {};']);
      ssh.addHost(someHost);
      expect(DOM.getInnerHTML(someHost)).toEqual('<style>a {};</style>');
    });

    it('should add new styles to hosts', () => {
      ssh.addHost(someHost);
      ssh.addStyles(['a {};']);
      expect(DOM.getInnerHTML(someHost)).toEqual('<style>a {};</style>');
    });

    it('should add styles only once to hosts', () => {
      ssh.addStyles(['a {};']);
      ssh.addHost(someHost);
      ssh.addStyles(['a {};']);
      expect(DOM.getInnerHTML(someHost)).toEqual('<style>a {};</style>');
    });

    it('should use the document head as default host', () => {
      ssh.addStyles(['a {};', 'b {};']);
      expect(doc.head).toHaveText('a {};b {};');
    });
  });

Example #2

File: shared_styles_host_spec.ts Project: goderbauer/angular

 it('should use the document head as default host', () => {
   ssh.addStyles(['a {};', 'b {};']);
   expect(doc.head).toHaveText('a {};b {};');
 });

Example #3

File: shared_styles_host_spec.ts Project: goderbauer/angular

 it('should add styles only once to hosts', () => {
   ssh.addStyles(['a {};']);
   ssh.addHost(someHost);
   ssh.addStyles(['a {};']);
   expect(DOM.getInnerHTML(someHost)).toEqual('<style>a {};</style>');
 });

Example #4

File: shared_styles_host_spec.ts Project: goderbauer/angular

 it('should add existing styles to new hosts', () => {
   ssh.addStyles(['a {};']);
   ssh.addHost(someHost);
   expect(DOM.getInnerHTML(someHost)).toEqual('<style>a {};</style>');
 });