tatlock-ui/test/features/settings/presentation/pages/settings_page_test.dart

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:tatlock_ui/core/theme/theme_provider.dart';
import 'package:tatlock_ui/features/settings/presentation/pages/settings_page.dart';

import '../../../../harness/screen_sizes.dart';
import '../../../../harness/test_harness.dart';

void main() {
  final harness = TestHarness();

  setUp(() => harness.setUp());
  tearDown(() => harness.tearDown());

  group('SettingsPage', () {
    testWidgets('displays Settings header', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('Settings'), findsOneWidget);
    });

    testWidgets('displays Appearance section', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('APPEARANCE'), findsOneWidget);
      expect(find.text('Theme'), findsOneWidget);
      expect(find.text('Choose your preferred color scheme'), findsOneWidget);
    });

    testWidgets('displays theme dropdown with options', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      // Find and tap the theme dropdown
      final dropdown = find.byType(DropdownButton<ThemeSetting>);
      expect(dropdown, findsOneWidget);

      await tester.tap(dropdown);
      await tester.pumpAndSettle();

      // Should show all theme options (may appear twice: selected + menu item)
      expect(find.text('System'), findsWidgets);
      expect(find.text('Light'), findsWidgets);
      expect(find.text('Dark'), findsWidgets);
    });

    testWidgets('displays Navigation section', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('NAVIGATION'), findsOneWidget);
      expect(find.text('Default Room'), findsOneWidget);
      expect(find.text('Room to show when app opens'), findsOneWidget);
    });

    testWidgets('displays room dropdown with options', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      // Find the room dropdown (second DropdownButton)
      final dropdowns = find.byType(DropdownButton<String>);
      expect(dropdowns, findsOneWidget);

      await tester.tap(dropdowns);
      await tester.pumpAndSettle();

      // Should show room options from registry
      expect(find.text('Front Hall'), findsWidgets);
    });

    testWidgets('displays Account section', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('ACCOUNT'), findsOneWidget);
      expect(find.text('Name'), findsOneWidget);
      expect(find.text('Email'), findsOneWidget);
    });

    testWidgets('displays user name from auth state', (tester) async {
      harness.givenAuthenticatedUser(name: 'John Doe');

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('John Doe'), findsOneWidget);
    });

    testWidgets('displays user email from auth state', (tester) async {
      harness.givenAuthenticatedUser(email: 'john@example.com');

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('john@example.com'), findsOneWidget);
    });

    testWidgets('displays admin role for admin user', (tester) async {
      harness.givenAdminUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('Roles'), findsOneWidget);
      expect(find.textContaining('admin.general:admin'), findsOneWidget);
    });

    testWidgets('displays theme icon for system theme', (tester) async {
      harness.givenAuthenticatedUser();
      harness.givenThemeMode(ThemeMode.system);

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byIcon(Icons.brightness_auto), findsOneWidget);
    });

    testWidgets('displays theme icon for light theme', (tester) async {
      harness.givenAuthenticatedUser();
      harness.givenThemeMode(ThemeMode.light);

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byIcon(Icons.light_mode), findsOneWidget);
    });

    testWidgets('displays theme icon for dark theme', (tester) async {
      harness.givenAuthenticatedUser();
      harness.givenThemeMode(ThemeMode.dark);

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byIcon(Icons.dark_mode), findsOneWidget);
    });

    testWidgets('displays account icons', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byIcon(Icons.person_outline), findsOneWidget);
      expect(find.byIcon(Icons.email_outlined), findsOneWidget);
      expect(find.byIcon(Icons.home_outlined), findsOneWidget);
    });

    testWidgets('displays all three section cards', (tester) async {
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      // Should have 3 cards: Appearance, Navigation, Account
      expect(find.byType(Card), findsNWidgets(3));
    });
  });

  group('SettingsPage Responsive', () {
    testWidgets('renders at desktop size (1920x1080)', (tester) async {
      configureScreenSize(tester, ScreenSizes.desktopLarge);
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('Settings'), findsOneWidget);
      expect(find.byType(Card), findsNWidgets(3));
    });

    testWidgets('renders at tablet landscape (1024x768)', (tester) async {
      configureScreenSize(tester, ScreenSizes.tabletLandscape);
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('Settings'), findsOneWidget);
      expect(find.text('APPEARANCE'), findsOneWidget);
    });

    testWidgets('renders at tablet portrait (768x1024)', (tester) async {
      configureScreenSize(tester, ScreenSizes.tabletPortrait);
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.text('Settings'), findsOneWidget);
    });

    testWidgets('renders at mobile size (375x812)', (tester) async {
      configureScreenSize(tester, ScreenSizes.mobile);
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byType(SettingsPage), findsOneWidget);
    });

    testWidgets('renders at small mobile size (320x568)', (tester) async {
      configureScreenSize(tester, ScreenSizes.mobileSmall);
      harness.givenAuthenticatedUser();

      await tester.pumpWidget(harness.wrap(const SettingsPage()));
      await tester.pumpAndSettle();

      expect(find.byType(SettingsPage), findsOneWidget);
    });
  });
}