Miler rider app: surface system, visible design language, backend lifecycle
Design system - MilerSurface ladder (canvas → working → raised → floating) with MilerPanel as layer 1; canvas moved to #DEE3EA so white separates at 1.290:1. - Visible vocabulary applied across Home, Deliveries, Activity, Account and the sheets: hero heads (tabular numeral + small caption, clamped at 1.3x), canvas wells for anything that opens, small filled tags for shelf labels, demoted placeholders. Recorded in DESIGN_SYSTEM.md §6. - One icon family: 222 Material glyphs migrated to Lucide; none left outside lib/xpress. - Colour semantics corrected: amber only for what is genuinely owed, brand red reserved for the live stop, disabled primaries go neutral rather than pale. Data and lifecycle - lib/data/lifecycle.dart reads mutations for what they prove; route_order.dart makes admin sequence the single ordering authority; service_day.dart, and stop_area.dart rewritten against live Coimbatore addresses (digit-token stripping, city stoplist, street suffixes, stammer collapse). - countLabel states the load once, in bags. Testing - 1440 tests passing; golden shot harnesses for Home, Deliveries, Activity, sheets and verify, with test/failures/ now gitignored (diff debris). - New pins: home_gutter_test, stop_area_test, plus updated structural bounds. Note: this commit also carries pre-existing working-tree deletions that were present before this work (API_SPEC.md, README.md, demo test fixtures). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:flutter_test/flutter_test.dart';
|
||||
|
||||
@@ -83,16 +84,29 @@ void main() {
|
||||
expect(fills, isNot(contains(ColorConstants.cardSurface)));
|
||||
});
|
||||
|
||||
testWidgets('section names are quiet labels, not headings', (tester) async {
|
||||
testWidgets('a section names itself, and stays under the stop', (
|
||||
tester,
|
||||
) async {
|
||||
await pump(tester, stopOf(type: 'delivery', deliveryQty: 1));
|
||||
|
||||
// Small, letterspaced and grey — the group is named without competing with
|
||||
// the controls inside it.
|
||||
final label = tester.widget<Text>(find.text('WHO RECEIVED IT?'));
|
||||
expect(label.style!.color, ColorConstants.secondaryText);
|
||||
expect(label.style!.letterSpacing, greaterThan(0.8));
|
||||
// ── This assertion changed with the design, deliberately ──
|
||||
//
|
||||
// It used to require a grey letterspaced eyebrow, from when the sections
|
||||
// were hairline-ruled groups on a white page: with no boundary of their
|
||||
// own, a loud title would have been the only thing separating them, and
|
||||
// five loud titles is a page of shouting.
|
||||
//
|
||||
// They are panels now. The boundary does the separating, so the title is
|
||||
// free to be a title — the line the rider reads to know what this step
|
||||
// asks of him — set in the same ink as the rest of the panel's content
|
||||
// rather than in the grey reserved for metadata.
|
||||
final label = tester.widget<Text>(find.text('Who received it?'));
|
||||
expect(label.style!.color, ColorConstants.slateText);
|
||||
expect(label.style!.fontWeight, FontWeight.w700);
|
||||
|
||||
// Quieter than the stop it belongs to, which is itself only context.
|
||||
// What has not changed, and must not: it is still quieter than the stop it
|
||||
// belongs to. The customer's name is the subject of the screen; a step
|
||||
// inside it is not allowed to outrank it.
|
||||
final name = tester.widget<Text>(find.text('Priya Sharma'));
|
||||
expect(label.style!.fontSize, lessThan(name.style!.fontSize!));
|
||||
});
|
||||
@@ -135,7 +149,7 @@ void main() {
|
||||
// No accent button at all — a saturated pill at 45% still reads as a
|
||||
// button, so the rider taps it and nothing happens.
|
||||
expect(find.byType(MilerButton), findsNothing);
|
||||
expect(find.byIcon(Icons.lock_outline_rounded), findsOneWidget);
|
||||
expect(find.byIcon(LucideIcons.lock), findsOneWidget);
|
||||
|
||||
// And the label stays readable: grey type on a neutral fill, not white
|
||||
// dropped to 45% over a wash of itself.
|
||||
|
||||
Reference in New Issue
Block a user