fix: add click listener in constructor to ensure listener order (#7184) (#7206)

Author: ugur-vaadin

packages/grid/src/vaadin-grid-tree-toggle-mixin.js

@@ -125,10 +125,8 @@ export const GridTreeToggleMixin = (superClass) =>
       };
     }
 
-    /** @protected */
-    ready() {
-      super.ready();
-
+    constructor() {
+      super();
       this.addEventListener('click', (e) => this._onClick(e));
     }
 

packages/grid/test/tree-toggle.common.js

@@ -49,6 +49,17 @@ describe('tree toggle', () => {
 
         toggle.removeEventListener('expanded-changed', spy);
       });
+
+      it('should have the correct expanded state on listener invocation', (done) => {
+        toggle = document.createElement('vaadin-grid-tree-toggle');
+        toggle.addEventListener('click', () => {
+          expect(toggle.expanded).to.be.true;
+          done();
+        });
+        const wrapper = fixtureSync('<div></div>');
+        wrapper.append(toggle);
+        click(toggle);
+      });
     });
 
     describe('level', () => {