Add projects

frontend/tests/configTabsAccessibility.test.ts

@@ -0,0 +1,27 @@
+import { describe, expect, test } from 'vitest';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import i18n from '@/i18n';
+import { ConfigTabs } from '@/features/config/components/ConfigTabs';
+
+const noop = () => {};
+
+describe('ConfigTabs accessibility', () => {
+  test('announces validation errors and unsaved changes in the tab name', () => {
+    const markup = renderToStaticMarkup(
+      createElement(ConfigTabs, {
+        active: 'common',
+        errorCounts: { streaming: 2 },
+        dirtyTabs: new Set(['streaming']),
+        onChange: noop,
+      })
+    );
+    const accessibleLabel = [
+      i18n.t('config_management.visual.sections.streaming.title'),
+      i18n.t('config_management.meta_errors', { count: 2 }),
+      i18n.t('config_management.status_dirty_short'),
+    ].join(', ');
+
+    expect(markup).toContain(`aria-label="${accessibleLabel}"`);
+  });
+});