fix: aria-expanded not properly set on app layout toolbar navigation toggle (#3593)

Author: avinashbot

src/app-layout/__tests__/app-layout-navigation.test.tsx

@@ -42,8 +42,10 @@ describeEachAppLayout({ themes: ['refresh-toolbar'], sizes: ['desktop', 'mobile'
     expect(wrapper.findNavigation()).toBeTruthy();
     expect(wrapper.findNavigationToggle()).toBeFalsy();
   });
+});
 
-  (size === 'desktop' ? test : test.skip)('should call onNavigationToggle on open/close navigation', () => {
+describeEachAppLayout({ themes: ['refresh-toolbar'], sizes: ['desktop'] }, () => {
+  test('should call onNavigationToggle on open/close navigation', () => {
     const mockOnNavigationChange = jest.fn();
     const { wrapper } = renderComponent(
       <AppLayout navigation={<>Mock Navigation</>} onNavigationChange={mockOnNavigationChange} content={<>Content</>} />
@@ -60,4 +62,18 @@ describeEachAppLayout({ themes: ['refresh-toolbar'], sizes: ['desktop', 'mobile'
     expect(mockOnNavigationChange).toHaveBeenCalledWith(expect.objectContaining({ detail: { open: true } }));
     expect(wrapper.findOpenNavigationPanel()).toBeTruthy();
   });
+
+  test(`Sets aria-expanded=false on toggle when navigation is closed`, () => {
+    const { wrapper } = renderComponent(
+      <AppLayout navigation={<>Mock Navigation</>} navigationOpen={false} content={<>Content</>} />
+    );
+    expect(wrapper.findNavigationToggle().getElement()).toHaveAttribute('aria-expanded', 'false');
+  });
+
+  test(`Sets aria-expanded=true on toggle when navigation is open`, () => {
+    const { wrapper } = renderComponent(
+      <AppLayout navigation={<>Mock Navigation</>} navigationOpen={true} content={<>Content</>} />
+    );
+    expect(wrapper.findNavigationToggle().getElement()).toHaveAttribute('aria-expanded', 'true');
+  });
 });

src/app-layout/visual-refresh-toolbar/toolbar/index.tsx

@@ -164,7 +164,7 @@ export function AppLayoutToolbarImplementation({
           <nav {...navLandmarkAttributes} className={clsx(styles['universal-toolbar-nav'])}>
             <TriggerButton
               ariaLabel={ariaLabels?.navigationToggle ?? undefined}
-              ariaExpanded={false}
+              ariaExpanded={!drawerExpandedMode && navigationOpen}
               iconName="menu"
               className={testutilStyles['navigation-toggle']}
               onClick={() => {