Doormile/doormile_milderapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Miler rider app: surface system, visible design language, backend lifecycle

Browse Source 
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:
Thiru-tenext
2026-08-22 05:40:35 +05:30
parent c8350563d9
commit d7348e253f
387 changed files with 80693 additions and 12272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
test/home_grid_test.dart Normal file
View File

@@ -0,0 +1,199 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:miler/data/service_profile.dart';
import 'package:miler/views/Dashboard/home/route_timeline.dart';
import 'package:miler/views/Dashboard/home/trip.dart';
import 'package:miler/views/Dashboard/home/trip_card.dart';
import 'package:miler/views/helpers/constants/Colorconstants.dart';
/// ─────────────────────────────────────────────────────────────────────────
/// ONE GRID, MEASURED
///
/// Home is read by running the eye down two columns: names on the left, bags
/// and figures on the right. Every point of drift in either costs a fixation,
/// and drift is invisible in code review — it comes from nested padding that
/// each looks correct where it is written.
///
/// The select-all was 36pt off the name axis, because the row is railed by its
/// caller *and* reserved a second rail inside the widget: two corrections for
/// one indent. Then it was 2pt off, because the rail it sits in is 2 wider
/// than the order rows' own. Both were found by measuring, not by reading.
/// ─────────────────────────────────────────────────────────────────────────
void main() {
tearDown(() => ServiceProfile.setActive(ServiceProfile.parcel));
Map<String, dynamic> meal(String id, String who, {int step = 1}) => {
'orderid': id,
'type': 'delivery',
'step': step,
'pickupcustomer': who,
'kitchenid': 'K1',
'kitchenname': 'Vidhya Kitchen',
'sourcename': 'Vidhya Kitchen',
'pickupcontactno': '9787698259',
'pickupaddress': '4 Cross, RS Puram, Coimbatore',
'dropaddress': '12 SNS Colony, Peelamedu, Coimbatore 641004',
'Quantity': '1',
};
Future<void> pumpHome(
WidgetTester tester, {
double width = 390,
double textScale = 1.0,
int orders = 3,
}) async {
ServiceProfile.setActive(ServiceProfile.milkMan);
// A real phone's geometry. A taller view with the same design size scales
// every `.h` by the ratio and makes every measurement here a fiction —
// which is exactly how a "116dp row" was once reported on a 62dp row.
tester.view.physicalSize = Size(width * 3, 844 * 3);
tester.view.devicePixelRatio = 3.0;
addTearDown(tester.view.reset);
final trip = Trip.fromStops(
id: 'run',
stops: [
for (var i = 1; i <= orders; i++) meal('$i', 'Customer $i', step: i),
],
);
await tester.pumpWidget(
ScreenUtilInit(
designSize: const Size(390, 844),
builder: (_, _) => MaterialApp(
builder: (context, child) => MediaQuery(
data: MediaQuery.of(
context,
).copyWith(textScaler: TextScaler.linear(textScale)),
child: child!,
),
home: Scaffold(
backgroundColor: ColorConstants.daylightSurface,
body: SingleChildScrollView(
child: TripCard(
trip: trip,
onToggleSelect: (_) {},
onSelectAll: (_) {},
onStopTap: (_) {},
onCallStop: (_) {},
),
),
),
),
),
);
await tester.pumpAndSettle();
}
group('the two columns', () {
testWidgets('every customer name starts on one axis', (tester) async {
await pumpHome(tester, orders: 4);
final lefts = [
for (var i = 1; i <= 4; i++)
tester.getRect(find.text('Customer $i')).left,
];
for (final l in lefts) {
expect(l, closeTo(lefts.first, 0.5));
}
});
testWidgets('every Bag ends on one axis', (tester) async {
await pumpHome(tester, orders: 4);
final rights = [
for (var i = 1; i <= 4; i++) tester.getRect(find.text('Bag $i')).right,
];
for (final r in rights) {
expect(r, closeTo(rights.first, 0.5));
}
});
testWidgets('the select-all label sits on the name axis', (tester) async {
await pumpHome(tester);
// The regression this file exists for. It heads the list it selects, so
// it starts where the list starts — not one rail further in, and not two
// points off it either.
final label = tester.getRect(find.text('Select all 3')).left;
final name = tester.getRect(find.text('Customer 1')).left;
expect(
label,
closeTo(name, 0.5),
reason: 'the select-all is $label, the names are $name',
);
});
testWidgets('the kitchen and its state share one axis', (tester) async {
await pumpHome(tester);
expect(
tester.getRect(find.text('Pending')).left,
closeTo(tester.getRect(find.text('Vidhya Kitchen')).left, 0.5),
);
});
});
group('type ranks the page', () {
testWidgets('the kitchen outranks the customer, which outranks the area', (
tester,
) async {
await pumpHome(tester);
final kitchen = tester.widget<Text>(find.text('Vidhya Kitchen')).style!;
final name = tester.widget<Text>(find.text('Customer 1')).style!;
final area = tester.widget<Text>(find.text('Peelamedu').first).style!;
expect(kitchen.fontSize, 19);
expect(kitchen.fontWeight, FontWeight.w700);
expect(name.fontSize, 15);
expect(area.fontSize, 12.5);
// A customer row must never overpower the heading it sits under.
expect(name.fontSize!, lessThan(kitchen.fontSize!));
expect(area.fontSize!, lessThan(name.fontSize!));
expect(area.fontSize!, greaterThanOrEqualTo(12));
});
});
group('rows grow, they do not clip', () {
for (final (width, scale) in const [
(390.0, 1.0),
(390.0, 2.0),
(375.0, 1.0),
(375.0, 2.0),
(320.0, 1.0),
(320.0, 2.0),
]) {
testWidgets('${width.toInt()}px @ ${scale}x lays out clean', (
tester,
) async {
await pumpHome(tester, width: width, textScale: scale, orders: 4);
expect(
tester.takeException(),
isNull,
reason: 'no overflow at ${width.toInt()}px / ${scale}x',
);
});
}
testWidgets('a one-line row clears the touch floor and grows at 2x', (
tester,
) async {
await pumpHome(tester);
final at1x = tester.getRect(find.byType(PickupTimelineStep).first).height;
expect(
at1x,
greaterThanOrEqualTo(44),
reason: 'a step is reachable with a gloved thumb',
);
await pumpHome(tester, textScale: 2.0);
final at2x = tester.getRect(find.byType(PickupTimelineStep).first).height;
expect(
at2x,
greaterThan(at1x),
reason: 'density comes from removing furniture, never from clipping',
);
});
});
}