fix(ui): align semantic headings contrast and Settings panels

2026-10-11 03:05:08 +02:00
parent 7da083c374
commit a94ea0a4a4
18 changed files with 192 additions and 52 deletions
@@ -48,6 +48,13 @@ async function click(element: Element) {
 }

 describe('LoginPage', () => {
+  it.each(['login', 'register'] as const)('provides a main landmark and level-one heading for %s', async (mode) => {
+    renderLoginPage(mode);
+    await screen.findByLabelText(mode === 'login' ? 'Username or email' : 'Email');
+    const title = screen.getByRole('heading', { name: mode === 'login' ? 'Sign in' : 'Create account', level: 1 });
+    expect(screen.getByRole('main')).toContainElement(title);
+  });
+
  it('renders a dedicated registration screen and explains when registration is disabled', async () => {
    mockedApi.get.mockResolvedValueOnce({
      data: { requireAuth: true, googleEnabled: false, microsoftEnabled: false, localEnabled: true, allowRegistration: false, requireEmailVerification: true },