fix(settings): align mobile option typography

2026-07-13 22:14:27 +02:00
parent 7400a10c59
commit d6ad6a9506
4 changed files with 102 additions and 20 deletions
@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:plezy/theme/mono_theme.dart';
+import 'package:plezy/widgets/focusable_list_tile.dart';
+import 'package:plezy/widgets/setting_tile.dart';
+import 'package:plezy/widgets/settings_section.dart';
+
+void main() {
+  testWidgets('mobile settings option titles match compact native rows', (tester) async {
+    await tester.pumpWidget(_harness(TargetPlatform.android, referenceDense: true));
+
+    final referenceHeight = tester.getSize(find.text('Clear Cache')).height;
+    expect(tester.getSize(find.text('View Logs')).height, referenceHeight);
+    expect(tester.getSize(find.text('View Mode')).height, referenceHeight);
+
+    final referenceSubtitleHeight = tester.getSize(find.text('Clear cached data')).height;
+    expect(tester.getSize(find.text('View application logs')).height, referenceSubtitleHeight);
+  });
+
+  testWidgets('desktop settings option titles retain standard row size', (tester) async {
+    await tester.pumpWidget(_harness(TargetPlatform.macOS, referenceDense: false));
+
+    final referenceHeight = tester.getSize(find.text('Clear Cache')).height;
+    expect(tester.getSize(find.text('View Logs')).height, referenceHeight);
+    expect(tester.getSize(find.text('View Mode')).height, referenceHeight);
+  });
+}
+
+Widget _harness(TargetPlatform platform, {required bool referenceDense}) {
+  return MaterialApp(
+    theme: monoTheme(dark: false).copyWith(platform: platform),
+    home: Scaffold(
+      body: Column(
+        children: [
+          SettingNavigationTile(
+            icon: Icons.article,
+            title: 'View Logs',
+            subtitle: 'View application logs',
+            onTap: () {},
+          ),
+          FocusableListTile(
+            leading: const Icon(Icons.cleaning_services),
+            title: const Text('Clear Cache'),
+            subtitle: const Text('Clear cached data'),
+            trailing: const Icon(Icons.chevron_right),
+            dense: referenceDense,
+            visualDensity: referenceDense ? const VisualDensity(vertical: -3) : VisualDensity.standard,
+            onTap: () {},
+          ),
+          SegmentedSetting<String>(
+            icon: Icons.view_list,
+            title: 'View Mode',
+            segments: const [
+              ButtonSegment(value: 'grid', label: Text('Grid')),
+              ButtonSegment(value: 'list', label: Text('List')),
+            ],
+            selected: 'grid',
+            onChanged: (_) {},
+          ),
+        ],
+      ),
+    ),
+  );
+}