fix(TabList): add console warn if missing aria-label

src/components/TabList/TabList.tsx

@@ -27,6 +27,10 @@ const TabList: FC<Props> = (props: Props) => {
     ? (_children as ReactElement<TabProps>[])
     : [_children];
 
+  if (otherProps['aria-labelledby'] === undefined && otherProps['aria-label'] === undefined) {
+    console.warn('MRV2: TabList requires aria-labelledby or aria-label.');
+  }
+
   const buttonGroupProps = defaultsDeep({}, otherProps, {
     round: true,
     spaced: true,

src/components/TabList/TabList.unit.test.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
 import { mount } from 'enzyme';
 import React from 'react';
 
@@ -178,6 +180,51 @@ describe('<TabList />', () => {
         });
       });
     });
+
+    it('requires an label', () => {
+      const consoleWarnSpy = jest.spyOn(console, 'warn');
+
+      const wrapper = mount(
+        // @ts-expect-error
+        <TabList>
+          <Tab key="one">Hello</Tab>
+        </TabList>
+      );
+
+      expect(consoleWarnSpy).toHaveBeenCalledWith(
+        'MRV2: TabList requires aria-labelledby or aria-label.'
+      );
+
+      consoleWarnSpy.mockReset();
+    });
+
+    it('does not warn if aria-label defined', () => {
+      const consoleWarnSpy = jest.spyOn(console, 'warn');
+
+      mount(
+        <TabList aria-label="Hello">
+          <Tab key="one">Hello</Tab>
+        </TabList>
+      );
+
+      expect(consoleWarnSpy).not.toHaveBeenCalled();
+
+      consoleWarnSpy.mockReset();
+    });
+
+    it('does not warn if aria-labelledby defined', () => {
+      const consoleWarnSpy = jest.spyOn(console, 'warn');
+
+      mount(
+        <TabList aria-labelledby="Hello">
+          <Tab key="one">Hello</Tab>
+        </TabList>
+      );
+
+      expect(consoleWarnSpy).not.toHaveBeenCalled();
+
+      consoleWarnSpy.mockReset();
+    });
   });
 
   describe('actions', () => {