Update packages/web-components/src/menu-list/menu-list.spec.ts

Co-authored-by: John Kreitlow <863023+radium-v@users.noreply.github.com>
microsoft · Oct 14, 2024 · 3a69f68 · 3a69f68
1 parent 56b15e0
commit 3a69f68
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/packages/web-components/src/menu-list/menu-list.spec.ts b/packages/web-components/src/menu-list/menu-list.spec.ts
@@ -566,27 +566,31 @@ test.describe('Menu', () => {
       </fluent-menu-list>
       `);
 
-      let wasChanged = menuItems.nth(0).evaluate((node: MenuItem) => {
+      await test.step('should emit change event when menu-item is checked', async () => {
+        const wasChanged = menuItems.nth(0).evaluate((node: MenuItem) => {
           return new Promise(resolve => {
-              node.addEventListener('change', (evt) => {
-                resolve((evt as any).detail)
-              });
+            node.addEventListener('change', evt => {
+              resolve((evt.target as MenuItem)?.checked);
+            });
           });
-      });
+        });
 
         await menuItems.nth(0).click();
         await expect(wasChanged).resolves.toBeTruthy();
+      });
 
-        wasChanged = menuItems.nth(0).evaluate((node: MenuItem) => {
+      await test.step('should emit change event when menu-item is unchecked', async () => {
+        const wasChanged = menuItems.nth(0).evaluate((node: MenuItem) => {
           return new Promise(resolve => {
-              node.addEventListener('change', (evt) => {
-                resolve((evt as any).detail)
-              });
+            node.addEventListener('change', evt => {
+              resolve((evt.target as MenuItem)?.checked);
+            });
           });
-      });
+        });
 
-      await menuItems.nth(1).click();
-      await expect(wasChanged).resolves.toBeFalsy();
+        await menuItems.nth(1).click();
+        await expect(wasChanged).resolves.toBeFalsy();
+      });
     });
     });
 });