fix(core): ensure proper property and attribute reflection for button types

Signed-off-by: Cory Rylan <crylan@nvidia.com>

Author: coryrylan

projects/core/src/forms/button-form-control-usage.test.ts

@@ -122,6 +122,38 @@ describe('ButtonFormControlMixin core usage', () => {
 expect(button._internals.ariaExpanded).toBe('true');
 });
 
+it('should expose native invoker property and attribute pairings',async()=>{
+constbutton=awaitcreateButton(usage);
+constcommandTarget=getElement<HTMLElement>(fixture,'#target');
+constinterestTarget=document.createElement('div');
+interestTarget.id='interest-target';
+constpopoverTarget=document.createElement('div');
+popoverTarget.id='popover-target';
+popoverTarget.popover='auto';
+fixture.append(interestTarget,popoverTarget);
+
+button.setAttribute('interestfor',interestTarget.id);
+button.setAttribute('popovertarget',popoverTarget.id);
+button.setAttribute('popovertargetaction','show');
+awaitelementIsStable(button);
+
+expect(button.commandForElement).toBe(commandTarget);
+expect(button.interestForElement).toBe(interestTarget);
+expect(button.popoverTargetElement).toBe(popoverTarget);
+expect(button.popoverTargetAction).toBe('show');
+
+button.commandForElement=commandTarget;
+button.interestForElement=interestTarget;
+button.popoverTargetElement=popoverTarget;
+button.popoverTargetAction='hide';
+awaitelementIsStable(button);
+
+expect(button.getAttribute('commandfor')).toBe('');
+expect(button.getAttribute('interestfor')).toBe('');
+expect(button.getAttribute('popovertarget')).toBe('');
+expect(button.getAttribute('popovertargetaction')).toBe('hide');
+});
+
 it('should dispatch commands and suppress interaction while unavailable',async()=>{
 constbutton=awaitcreateButton(usage);
 consttarget=getElement<HTMLElement>(fixture,'#target');