test(core): update specs to match a11y implementation changes

- cat-menu.spec: Update selectors from nav to div for role="menu"
- cat-tag.spec: Remove role="combobox" and aria-controls from expected HTML

Author: jensblond

core/src/components/cat-menu/cat-menu.spec.tsx

@@ -340,24 +340,24 @@ describe('cat-menu', () => {
   });
 
   describe('menu content', () => {
-    it('should render nav with role="menu" and default vertical orientation', async () => {
+    it('should render div with role="menu" and default vertical orientation', async () => {
       const page = await newSpecPage({
         components: [CatMenu, CatDropdown, CatButton],
         html: `<cat-menu></cat-menu>`
       });
 
-      const nav = page.root?.shadowRoot?.querySelector('nav[role="menu"]');
-      expect(nav?.getAttribute('aria-orientation')).toBe('vertical');
+      const menu = page.root?.shadowRoot?.querySelector('div[role="menu"]');
+      expect(menu?.getAttribute('aria-orientation')).toBe('vertical');
     });
 
-    it('should render nav with horizontal orientation when arrowNavigation is horizontal', async () => {
+    it('should render div with horizontal orientation when arrowNavigation is horizontal', async () => {
       const page = await newSpecPage({
         components: [CatMenu, CatDropdown, CatButton],
         html: `<cat-menu arrow-navigation="horizontal"></cat-menu>`
       });
 
-      const nav = page.root?.shadowRoot?.querySelector('nav[role="menu"]');
-      expect(nav?.getAttribute('aria-orientation')).toBe('horizontal');
+      const menu = page.root?.shadowRoot?.querySelector('div[role="menu"]');
+      expect(menu?.getAttribute('aria-orientation')).toBe('horizontal');
     });
   });
 

core/src/components/cat-tag/cat-tag.spec.tsx

@@ -11,7 +11,7 @@ describe('cat-tag', () => {
        <div class="label-container"></div>
        <div class="input-wrapper">
         <div class="input-inner-wrapper">
-         <input aria-controls="tags-cat-input-0-list" class="tags-input" id="tags-cat-input-0-input" part="input" role="combobox">
+         <input class="tags-input" id="tags-cat-input-0-input" part="input">
         </div>
        </div>
     `);