feat: alphabet list, change Layout etc

2026-10-11 20:37:59 +02:00
parent 489896305d
commit 072f560989
31 changed files with 1847 additions and 832 deletions
@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:kooltap/l10n/app_localizations.dart';
+import 'package:kooltap/models/product.dart';
+import 'package:kooltap/views/bar/product_grid.dart';
+import 'package:kooltap/views/widgets/product_tile.dart';
+
+final _products = [
+  for (var i = 0; i < 60; i++)
+    Product(
+      id: 'prod-$i',
+      name: 'Product $i',
+      category: 'Drinks',
+      stockQuantity: 10,
+      lowStockThreshold: 2,
+      priceInCents: 300,
+    ),
+];
+
+void main() {
+  Future<void> pumpGrid(WidgetTester tester, int rows, Size size) async {
+    tester.view.physicalSize = size;
+    tester.view.devicePixelRatio = 1;
+    addTearDown(tester.view.reset);
+
+    await tester.pumpWidget(
+      MaterialApp(
+        localizationsDelegates: AppLocalizations.localizationsDelegates,
+        supportedLocales: AppLocalizations.supportedLocales,
+        home: Scaffold(
+          body: ProductGrid(
+            products: _products,
+            rows: rows,
+            hasSelectedTab: true,
+            onProductTap: (_) {},
+          ),
+        ),
+      ),
+    );
+  }
+
+  for (final size in [const Size(853, 720), const Size(1280, 1000)]) {
+    for (var rows = 2; rows <= 6; rows++) {
+      testWidgets('shows exactly $rows rows at $size', (tester) async {
+        await pumpGrid(tester, rows, size);
+
+        final grid = tester.getRect(find.byType(GridView));
+        final tiles = tester
+            .widgetList(find.byType(ProductTile))
+            .map((tile) => tester.getRect(find.byWidget(tile)))
+            .toList();
+
+        final fullyVisibleRows = {
+          for (final tile in tiles)
+            if (tile.top >= grid.top && tile.bottom <= grid.bottom + 0.5)
+              tile.top.round(),
+        };
+        expect(fullyVisibleRows, hasLength(rows));
+
+        final lastRowBottom = tiles
+            .where((tile) => tile.bottom <= grid.bottom + 0.5)
+            .map((tile) => tile.bottom)
+            .reduce((a, b) => a > b ? a : b);
+        expect(
+          grid.bottom - lastRowBottom,
+          closeTo(16, 1),
+          reason: 'the rows fill the height down to the bottom padding',
+        );
+      });
+    }
+  }
+}