wangjia
b461a476a2
四端共享 Dart 实现,配合 #21 后端账户级卡控: - me.dart: 加 quota_cap_min(当日总额度 = daily + 看广告 bonus,进度条分母)。 - quota_provider: total 取 quotaCapMin;isExhausted;markExhausted(倒计时归零本地置耗尽 + 登录态拉 me 校准);watchAd() async 调 /ads/unlock(占位 ad_token=uuid)→ 刷新 me,返回 granted。 - connection_provider: 连接时锁定 _freeRemainingSec(会员 null 不倒计时);复用 elapsed 计时器 每 tick 算 freeCountdown,归零 → _onFreeQuotaExhausted(主动切断不报节点异常 + markExhausted); 倒计时用墙上时钟(后台漏跳回前台补上、准时切);连接遇后端 QUOTA_EXHAUSTED 兜底置耗尽。 - connect_button: enabled/onDisabledTap —— 额度耗尽 off 态灰化(锁图标),点击弹加时。 - quota_card: 三态(连接倒计时 mm:ss / 未连接剩余分钟 / 耗尽今日已用完);移动「看广告加时」、桌面「升级会员」。 - ad_reward_dialog(新): 移动端占位广告(播放中→3s→加时→奖励);桌面版硬 10 分钟提示去移动端/升级。 - l10n(zh/en): 倒计时/已用完/看广告加时/占位广告/桌面升级 双语。 - 测试: quota isExhausted/markExhausted;连接倒计时归零自动切断+置耗尽(注入时钟); 额度卡三态 widget;/me 契约含 quota_cap_min;golden 更新(Linux 权威基线 quota_low/exhausted)。 - 文档: docs/free-quota-ad.html + 登记 docs/index.html。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
90 lines
3.2 KiB
Dart
90 lines
3.2 KiB
Dart
// components_golden_test.dart — 关键组件 golden(明/暗两主题)
|
|
//
|
|
// 覆盖:连接键三态、智能选择推荐卡、免费额度卡。
|
|
// 重新生成基准图:`flutter test --update-goldens test/golden`。
|
|
// 字体由 test/flutter_test_config.dart 经 FontLoader 注册 + PangolinFonts.useBundled
|
|
// 提供真实 Sora/Manrope/JetBrainsMono，无需 google_fonts 运行时拉取。
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:pangolin_vpn/l10n/strings_zh.dart';
|
|
import 'package:pangolin_vpn/state/connection_provider.dart';
|
|
import 'package:pangolin_vpn/state/quota_provider.dart';
|
|
import 'package:pangolin_vpn/widgets/connect_button.dart';
|
|
import 'package:pangolin_vpn/widgets/quota_card.dart';
|
|
import 'package:pangolin_vpn/widgets/smart_select_card.dart';
|
|
|
|
import '../helpers/harness.dart';
|
|
|
|
void main() {
|
|
setUpAll(disableGoogleFontsFetching);
|
|
const t = StringsZh();
|
|
|
|
Future<void> goldenOf(
|
|
WidgetTester tester,
|
|
Widget child,
|
|
Finder finder,
|
|
String name, {
|
|
bool dark = false,
|
|
Duration settle = Duration.zero,
|
|
}) async {
|
|
await tester.pumpWidget(wrapThemed(child, dark: dark));
|
|
if (settle == Duration.zero) {
|
|
await tester.pump();
|
|
} else {
|
|
await tester.pump(settle); // 固定帧,确保连接中旋转角确定
|
|
}
|
|
await expectLater(finder, matchesGoldenFile('goldens/$name.png'));
|
|
}
|
|
|
|
ConnectButton btn(VpnPhase phase, {Duration elapsed = Duration.zero}) => ConnectButton(
|
|
phase: phase,
|
|
elapsed: elapsed,
|
|
offLabel: t.connectNow,
|
|
secureLabel: t.secure,
|
|
onTap: () {},
|
|
);
|
|
|
|
for (final dark in [false, true]) {
|
|
final suffix = dark ? 'dark' : 'light';
|
|
|
|
testWidgets('连接键 off · $suffix', (tester) async {
|
|
await goldenOf(tester, btn(VpnPhase.off), find.byType(ConnectButton), 'connect_off_$suffix', dark: dark);
|
|
});
|
|
|
|
testWidgets('连接键 connecting · $suffix', (tester) async {
|
|
await goldenOf(tester, btn(VpnPhase.connecting), find.byType(ConnectButton), 'connect_connecting_$suffix',
|
|
dark: dark, settle: const Duration(milliseconds: 700));
|
|
});
|
|
|
|
testWidgets('连接键 on · $suffix', (tester) async {
|
|
await goldenOf(tester, btn(VpnPhase.on, elapsed: const Duration(seconds: 5)), find.byType(ConnectButton),
|
|
'connect_on_$suffix', dark: dark);
|
|
});
|
|
|
|
testWidgets('推荐卡 · $suffix', (tester) async {
|
|
await goldenOf(tester, SmartSelectCard(t: t, selected: true, onTap: () {}), find.byType(SmartSelectCard),
|
|
'smart_card_$suffix', dark: dark);
|
|
});
|
|
|
|
testWidgets('额度卡(低额度警示)· $suffix', (tester) async {
|
|
await goldenOf(
|
|
tester,
|
|
QuotaCard(quota: const FreeQuotaState(remainingMinutes: 2), t: t, onWatchAd: () {}),
|
|
find.byType(QuotaCard),
|
|
'quota_low_$suffix',
|
|
dark: dark,
|
|
);
|
|
});
|
|
|
|
testWidgets('额度卡(已耗尽)· $suffix', (tester) async {
|
|
await goldenOf(
|
|
tester,
|
|
QuotaCard(quota: const FreeQuotaState(remainingMinutes: 0), t: t, onWatchAd: () {}),
|
|
find.byType(QuotaCard),
|
|
'quota_exhausted_$suffix',
|
|
dark: dark,
|
|
);
|
|
});
|
|
}
|
|
}
|