Example #1
0
  it('should decorate', function() {
    var markup = soy.$$getDelegateFn('Tooltip')({
      id: 'tooltip',
      elementClasses: 'component',
      content: 'content'
    }, null, { renderChildComponents: true });

    dom.append(document.body, markup.content);
    var outerHTML = document.getElementById('tooltip').outerHTML;

    tooltip = new Tooltip({
      element: '#tooltip',
      content: 'content'
    }).decorate();

    assert.strictEqual(tooltip.element.outerHTML, outerHTML);
  });
	it('should decorate component', function() {
		var attributes = {
			element: '#component',
			id: 'component',
			headerContent: 'header',
			bodyContent: 'body',
			footerContent: 'footer'
		};

		var templateFn = soy.$$getDelegateFn('Boilerplate');
		var markupFromTemplate = templateFn(attributes, null, { renderChildComponents: true });
		dom.append(document.body, markupFromTemplate.content);

		var component = new Boilerplate(attributes).decorate();

		assert.strictEqual(
			component.element.outerHTML,
			document.getElementById('component').outerHTML
		);

		component.dispose();
	});