feat(ui): design token discipline, accessibility and i18n pass

- Replace all hardcoded Color literals outside lib/tema with theme tokens (new static brand palette in PluriWaveTokens); media notification uses the brand color instead of the Material default purple
- Favorite button on station cards grows to a 48dp target and becomes an independent semantics node for screen readers (Semantics container fix)
- All flutter_animate call sites route through the PluriAnimate reduced-motion gate (zero direct .animate() left)
- Locale-aware short dates via intl DateFormat (new lib/l10n/formato_fechas.dart) replacing the hardcoded DD/MM/YYYY; proper plural messages for the favorites counter; example stream URL as a localized key - all 13 locales
- Rounded shimmer placeholders matching card radii; shimmer loading state in search instead of a bare spinner; rounded icon variants unified in settings; bottom-sheet conventions on the custom station form
- Fix latent debug crash: vacation editor read AppLocalizations in initState
- 11 new tests (121 total green), flutter analyze clean
This commit is contained in:
2026-06-11 23:42:16 +02:00
parent 52855e75c2
commit 202bef3539
49 changed files with 1108 additions and 175 deletions
@@ -0,0 +1,75 @@
import 'dart:ui' show Tristate;
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:pluriwave/estado/estado_radio.dart';
import 'package:pluriwave/l10n/gen/app_localizations.dart';
import 'package:pluriwave/widgets/tarjeta_emisora.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../helpers/fakes.dart';
/// S5-R2: the mini favorite button in the full card must be accessible
/// (semantic button with label + toggled state) and reach a 48dp target.
void main() {
setUp(() {
SharedPreferences.setMockInitialValues({});
});
testWidgets('el favorito mini es accesible y mide al menos 48x48 dp', (
tester,
) async {
final semantics = tester.ensureSemantics();
final estado = EstadoRadio(
audio: FakeServicioAudio(),
favoritos: FakeServicioFavoritos(),
radio: FakeServicioRadio(),
servicioEcualizador: FakeServicioEcualizador(),
iniciarAutomaticamente: false,
);
addTearDown(estado.dispose);
await tester.pumpWidget(
ChangeNotifierProvider<EstadoRadio>.value(
value: estado,
child: MaterialApp(
locale: const Locale('es'),
localizationsDelegates: AppLocalizations.localizationsDelegates,
supportedLocales: AppLocalizations.supportedLocales,
home: Scaffold(
body: Center(
child: SizedBox(
width: 220,
height: 300,
// Full (non-compact) card: it renders the MINI favorite.
child: TarjetaEmisora(
emisora: emisoraDemo(uuid: 'a11y-1', nombre: 'A11y FM'),
),
),
),
),
),
),
);
await tester.pump();
final l10n = await AppLocalizations.delegate.load(const Locale('es'));
// Semantic node: button + label (favorite is OFF, so the "add" label).
final boton = find.bySemanticsLabel(l10n.favoritesAddTooltip);
expect(boton, findsOneWidget);
final nodo = tester.getSemantics(boton);
final flags = nodo.flagsCollection;
expect(flags.isButton, isTrue);
// Toggled state present (favorite OFF) — tristate: not null, not true.
expect(flags.isToggled, Tristate.isFalse);
// Touch target: at least 48x48 dp (S5-R2-A).
final size = tester.getSize(boton);
expect(size.width, greaterThanOrEqualTo(48));
expect(size.height, greaterThanOrEqualTo(48));
semantics.dispose();
});
}