feat(ui): 新增登录入口与我的页预览

test/auth/auth_k21_test.dart

@@ -82,4 +82,7 @@ Future<void> _pumpAuth(WidgetTester tester) async {
     ),
   );
   await tester.pumpAndSettle();
+  await tester.ensureVisible(find.byKey(const Key('auth-entry-email')));
+  await tester.tap(find.byKey(const Key('auth-entry-email')));
+  await tester.pumpAndSettle();
 }

test/auth/auth_landing_test.dart

@@ -0,0 +1,65 @@
+// Author: fruit.com.cn
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:provider/provider.dart';
+import 'package:shared_preferences_platform_interface/in_memory_shared_preferences_async.dart';
+import 'package:shared_preferences_platform_interface/shared_preferences_async_platform_interface.dart';
+
+import 'package:fruitshorts/core/data/remote/api_client.dart';
+import 'package:fruitshorts/core/data/remote/auth_api.dart';
+import 'package:fruitshorts/core/data/services/auth_controller.dart';
+import 'package:fruitshorts/core/data/services/auth_session_store.dart';
+import 'package:fruitshorts/core/platform/haptics.dart';
+import 'package:fruitshorts/l10n/app_localizations.dart';
+import 'package:fruitshorts/pages/auth/auth_view.dart';
+
+import '../support/fake_haptics.dart';
+import '../support/fake_http_adapter.dart';
+
+void main() {
+  testWidgets('should_show_three_login_entries_and_open_email_form', (
+    tester,
+  ) async {
+    SharedPreferencesAsyncPlatform.instance =
+        InMemorySharedPreferencesAsync.empty();
+    final auth = AuthController(
+      AuthApi(
+        ApiClient(
+          baseUrl: 'http://127.0.0.1:1',
+          adapter: FakeHttpAdapter((_) async => FakeHttpResponse('{}', 500)),
+        ),
+      ),
+      AuthSessionStore(),
+    );
+    await tester.pumpWidget(
+      MultiProvider(
+        providers: [
+          ChangeNotifierProvider<AuthController>.value(value: auth),
+          Provider<Haptics>.value(value: FakeHaptics()),
+        ],
+        child: MaterialApp(
+          locale: const Locale('en'),
+          localizationsDelegates: AppLocalizations.localizationsDelegates,
+          supportedLocales: AppLocalizations.supportedLocales,
+          home: const AuthPage(),
+        ),
+      ),
+    );
+    await tester.pumpAndSettle();
+
+    expect(find.byKey(const Key('auth-entry-google')), findsOneWidget);
+    expect(find.byKey(const Key('auth-entry-phone')), findsOneWidget);
+    expect(find.byKey(const Key('auth-entry-email')), findsOneWidget);
+    expect(find.byKey(const Key('auth-legal')), findsOneWidget);
+
+    await tester.tap(find.byKey(const Key('auth-entry-google')));
+    await tester.pumpAndSettle();
+    expect(find.text('Coming soon'), findsOneWidget);
+
+    await tester.tap(find.byKey(const Key('auth-entry-email')));
+    await tester.pumpAndSettle();
+    expect(find.byKey(const Key('auth-email')), findsOneWidget);
+    expect(find.byKey(const Key('auth-password')), findsOneWidget);
+  });
+}

test/auth/auth_page_test.dart

@@ -59,6 +59,9 @@ void main() {
       ),
     );
     await tester.pumpAndSettle();
+    await tester.ensureVisible(find.byKey(const Key('auth-entry-email')));
+    await tester.tap(find.byKey(const Key('auth-entry-email')));
+    await tester.pumpAndSettle();
   }
 
   testWidgets('should_show_email_error_and_stay_on_page_when_form_is_empty', (

test/auth/auth_visual_test.dart

@@ -29,6 +29,7 @@ void main() {
     WidgetTester tester, {
     AuthApi? api,
     FakeHaptics? haptics,
+    bool openEmail = true,
   }) async {
     final auth = AuthController(
       api ??
@@ -57,20 +58,32 @@ void main() {
       ),
     );
     await tester.pump(const Duration(milliseconds: 220));
+    if (openEmail) {
+      await tester.ensureVisible(find.byKey(const Key('auth-entry-email')));
+      await tester.tap(find.byKey(const Key('auth-entry-email')));
+      await tester.pumpAndSettle();
+    }
   }
 
   testWidgets(
     'should_render_branded_dark_layout_with_approved_tokens_when_page_opens',
     (tester) async {
-      await pumpAuthPage(tester);
+      await pumpAuthPage(tester, openEmail: false);
 
-      expect(find.byKey(const Key('auth-brand')), findsOneWidget);
+      expect(find.byKey(const Key('auth-landing')), findsOneWidget);
       expect(find.text('FruitShorts'), findsOneWidget);
-      expect(find.text('Short dramas made for Indonesia'), findsOneWidget);
       expect(
-        tester.getSize(find.byKey(const Key('auth-brand-mark'))),
-        const Size(48, 48),
+        find.text('Sign in to sync progress, favorites and coins'),
+        findsOneWidget,
       );
+      expect(
+        tester.getSize(find.byKey(const Key('auth-brand-logo'))),
+        const Size(64, 64),
+      );
+      expect(find.byKey(const Key('auth-entry-google')), findsOneWidget);
+      expect(find.byKey(const Key('auth-entry-phone')), findsOneWidget);
+      expect(find.byKey(const Key('auth-entry-email')), findsOneWidget);
+      expect(find.byKey(const Key('auth-legal')), findsOneWidget);
 
       final glow = tester.widget<Container>(
         find.byKey(const Key('auth-background-glow')),
@@ -81,6 +94,9 @@ void main() {
         expect(color.a, lessThanOrEqualTo(0.18));
       }
 
+      await tester.tap(find.byKey(const Key('auth-entry-email')));
+      await tester.pumpAndSettle();
+
       final card = tester.widget<Container>(find.byKey(const Key('auth-card')));
       final cardDecoration = card.decoration! as BoxDecoration;
       expect(cardDecoration.color, AppColors.card);