fix: subscription coorelation key tooltip added (#1109)

Related to camunda-modeler: #4833

Author: abdul99ahad

src/contextProvider/zeebe/TooltipProvider.js

@@ -361,6 +361,19 @@ const TooltipProvider = {
       </div>
     );
   },
+  'messageSubscriptionCorrelationKey': (element) => {
+    const translate = useService('translate');
+
+    return (
+      <div>
+        <p>
+          { translate('Identifier computed from the process context that is used to correlate an incoming message (e.g. ')}<code>= orderId</code>{translate('). ')}
+          <a href="https://docs.camunda.io/docs/8.7/components/modeler/bpmn/message-events/#messages" target="_blank" rel="noopener noreferrer" title={ translate('Subscription correlation key documentation') }>
+            { translate('Learn more.') }
+          </a>        </p>
+      </div>
+    );
+  }
 };
 
 export default TooltipProvider;

test/spec/provider/zeebe/MessageProps.spec.js

@@ -80,9 +80,9 @@ describe('provider/zeebe - MessageProps', function() {
     clock.restore();
   });
 
-  function openTooltip() {
+  function openTooltip(customWrapper = null) {
     return act(() => {
-      const wrapper = domQuery('.bio-properties-panel-tooltip-wrapper', container);
+      const wrapper = customWrapper || domQuery('.bio-properties-panel-tooltip-wrapper', container);
       mouseEnter(wrapper);
       clock.tick(200);
     });
@@ -544,6 +544,28 @@ describe('provider/zeebe - MessageProps', function() {
       expect(documentationLinkGroups[1].title).to.equal('Receive task documentation');
     }));
 
+
+    it('should display correct documentation for subscription correlation key', inject(async function(elementRegistry, selection) {
+
+      // given
+      const messageEvent = elementRegistry.get('IntermediateEvent_1');
+
+      await act(() => {
+        selection.select(messageEvent);
+      });
+
+      const susbscriptionKeyWrapper = domQuery('label[for="bio-properties-panel-messageSubscriptionCorrelationKey"] div', container);
+
+      // when
+      await openTooltip(susbscriptionKeyWrapper);
+
+      const documentationLinkGroup = domQuery('.bio-properties-panel-tooltip-content a', container);
+
+      // then
+      expect(documentationLinkGroup).to.exist;
+      expect(documentationLinkGroup.title).to.equal('Subscription correlation key documentation');
+    }));
+
   });
 
 });