fix: pass attrs

src/ElementTemplateIconRenderer.js

@@ -55,7 +55,7 @@ ElementTemplateIconRenderer.prototype._getIcon = function(element) {
   return getModelerTemplateIcon(element, this._iconProperty);
 };
 
-ElementTemplateIconRenderer.prototype.drawShape = function(parentGfx, element) {
+ElementTemplateIconRenderer.prototype.drawShape = function(parentGfx, element, attrs = {}) {
 
   var renderer = this._bpmnRenderer.handlers[
     [
@@ -68,7 +68,7 @@ ElementTemplateIconRenderer.prototype.drawShape = function(parentGfx, element) {
     ].find(t => is(element, t))
   ];
 
-  var gfx = renderer(parentGfx, element, { renderIcon: false });
+  var gfx = renderer(parentGfx, element, { ...attrs, renderIcon: false });
 
   var icon = this._getIcon(element);
 

test/spec/ElementTemplateIconRenderer.spec.js

@@ -1,4 +1,4 @@
-import TestContainer from 'mocha-test-container-support';
+import TestContainer, { get } from 'mocha-test-container-support';
 
 import BpmnViewer from 'bpmn-js/lib/Viewer';
 
@@ -330,6 +330,29 @@ describe('elementTemplateIconRenderer', function() {
       expect(iconGfx).to.not.exist;
     }));
 
+
+    it.only('should pass attrs', inject(function(elementRegistry, eventBus, graphicsFactory) {
+
+      // given
+      const element = elementRegistry.get('SendGridTask'),
+            gfx = elementRegistry.getGraphics(element);
+
+      eventBus.on([ 'render.shape', 'render.connection' ], (event, context) => {
+        context.attrs = {
+          ...context.attrs,
+          stroke: 'rgb(34, 36, 42)'
+        };
+      });
+
+      // when
+      graphicsFactory.update('shape', element, gfx);
+
+      // then
+      console.log(getVisuals(gfx));
+      expect(getVisuals(gfx)).to.exist;
+      expect(svgAttr(getVisuals(gfx).firstChild, 'stroke')).to.eql('rgb(34, 36, 42)');
+    }));
+
   });
 
 });