Merge branch 'fix-console-errors-when-loading-issues' into 'master'

Fix console error when loading issues

See merge request gitlab-org/gitlab!16833

ee/app/assets/javascripts/event_tracking/issue_sidebar.js

 import Tracking from '~/tracking';
 
 export const initSidebarTracking = () => {
-  new Tracking().bind('.js-issuable-sidebar');
+  new Tracking().bind(document.querySelector('.js-issuable-sidebar'));
 };
 
 export const trackEvent = (eventType, property, value = '') => {

ee/changelogs/unreleased/fix-console-errors-when-loading-issues.yml

+---
+title: Add Snowplow click tracking for issue sidebar
+merge_request: 16833
+author:
+type: added

ee/spec/frontend/event_tracking/issue_sidebar_spec.js

+import Tracking from '~/tracking';
+import { initSidebarTracking } from 'ee/event_tracking/issue_sidebar';
+
+describe('ee/event_tracking/issue_sidebar', () => {
+  beforeEach(() => {
+    setFixtures(`
+    <div>
+      <div class="js-issuable-sidebar">I'm an issuable sidebar</div>
+    </div>
+    `);
+  });
+
+  const findIssuableSidebar = () => document.querySelector('.js-issuable-sidebar');
+
+  describe('initSidebarTracking', () => {
+    beforeEach(() => {
+      jest.spyOn(Tracking.prototype, 'bind');
+
+      initSidebarTracking();
+    });
+
+    it('bind to be called with element', () => {
+      expect(Tracking.prototype.bind).toHaveBeenCalledWith(findIssuableSidebar());
+    });
+  });
+});