Merge pull request #16843 from IgniteUI/iminchev/fix-action-strip-elements-21.0.x

Author: IMinchev64

projects/igniteui-angular-elements/src/analyzer/elements.config.ts

@@ -45,7 +45,13 @@ export var registerConfig = [
       IgxHierarchicalGridComponent,
       IgxRowIslandComponent,
     ],
-    contentQueries: [],
+    contentQueries: [
+      {
+        property: "actionButtons",
+        childType: IgxActionStripActionsToken,
+        isQueryList: true,
+      },
+    ],
     additionalProperties: [{ name: "cdr", writable: true }],
     methods: ["show", "hide"],
     boolProps: ["hidden"],

projects/igniteui-angular-elements/src/app/custom-strategy.spec.ts

@@ -1,4 +1,4 @@
-import { IgxColumnComponent, IgxGridComponent, IgxHierarchicalGridComponent } from 'igniteui-angular';
+import { IgxActionStripComponent, IgxColumnComponent, IgxGridComponent, IgxHierarchicalGridComponent } from 'igniteui-angular';
 import { html } from 'lit';
 import { firstValueFrom, fromEvent, skip, timer } from 'rxjs';
 import { ComponentRefKey, IgcNgElement } from './custom-strategy';
@@ -235,6 +235,23 @@ describe('Elements: ', () => {
             expect(grid.getColumnByVisibleIndex(1).field).toEqual('ProductName');
         });
 
+        it('should populate action strip actionButtons content query.', async () => {
+            const innerHtml = `
+            <igc-grid id="testGrid" auto-generate>
+            <igc-action-strip id="testStrip">
+                <igc-grid-editing-actions add-row="true"></igc-grid-editing-actions>
+            </igc-action-strip>
+            </igc-grid>`;
+            testContainer.innerHTML = innerHtml;
+
+            // TODO: Better way to wait - potentially expose the queue or observable for update on the strategy
+            await firstValueFrom(timer(10 /* SCHEDULE_DELAY */ * 3));
+
+            const actionStrip = document.querySelector<IgcNgElement>('#testStrip');
+            const actionStripComponent = (await actionStrip.ngElementStrategy[ComponentRefKey]).instance as IgxActionStripComponent;
+            expect(actionStripComponent.actionButtons.toArray().length).toBeGreaterThan(0);
+        });
+
         it('should not destroy action strip when row it is shown in is destroyed or cached.', async() => {
             const innerHtml = `
             <igc-grid id="testGrid" auto-generate>

projects/igniteui-angular/action-strip/src/action-strip/action-strip.component.ts

@@ -124,7 +124,7 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterViewIn
      * @hidden
      * @internal
      */
-    @ContentChildren(IgxActionStripActionsToken as any)
+    @ContentChildren(IgxActionStripActionsToken)
     public actionButtons: QueryList<IgxActionStripActionsToken>;
 
     /**