From b9a3297b64a11a1fb898e34aa81472c3c0f98cf6 Mon Sep 17 00:00:00 2001
From: Alejandro Santiago <dev@alestiago.com>
Date: Wed, 13 Mar 2024 11:12:05 +0000
Subject: [PATCH] feat: defined `IoCrosswordCard` (#58)

---
 .github/cspell.json                           |   3 +-
 packages/io_crossword_ui/dart_test.yaml       |   9 ++
 .../io_crossword_ui/lib/io_crossword_ui.dart  |   1 +
 .../lib/src/theme/io_crossword_theme.dart     |   2 +
 .../lib/src/widgets/io_crossword_card.dart    |  39 +++++++++
 .../lib/src/widgets/widgets.dart              |   1 +
 .../goldens/io_crossword_card__desktop.png    | Bin 0 -> 50163 bytes
 .../io_crossword_card__mobile_portrait.png    | Bin 0 -> 21060 bytes
 .../src/widgets/io_crossword_card_test.dart   |  79 ++++++++++++++++++
 packages/io_crossword_ui/test/test_tag.dart   |   4 +
 10 files changed, 137 insertions(+), 1 deletion(-)
 create mode 100644 packages/io_crossword_ui/dart_test.yaml
 create mode 100644 packages/io_crossword_ui/lib/src/widgets/io_crossword_card.dart
 create mode 100644 packages/io_crossword_ui/lib/src/widgets/widgets.dart
 create mode 100644 packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__desktop.png
 create mode 100644 packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__mobile_portrait.png
 create mode 100644 packages/io_crossword_ui/test/src/widgets/io_crossword_card_test.dart
 create mode 100644 packages/io_crossword_ui/test/test_tag.dart

diff --git a/.github/cspell.json b/.github/cspell.json
index 38d3a9d30..c737d40b4 100644
--- a/.github/cspell.json
+++ b/.github/cspell.json
@@ -21,6 +21,7 @@
     "localizable",
     "mostrado",
     "página",
-    "Texto"
+    "Texto",
+    "goldens"
   ]
 }
diff --git a/packages/io_crossword_ui/dart_test.yaml b/packages/io_crossword_ui/dart_test.yaml
new file mode 100644
index 000000000..c727e0ec3
--- /dev/null
+++ b/packages/io_crossword_ui/dart_test.yaml
@@ -0,0 +1,9 @@
+# File used to configure Dart tests within this package.
+#
+# See also:
+#
+# * [dart_test.yaml documentation](https://github.com/dart-lang/test/blob/master/pkgs/test/doc/configuration.md)
+
+tags:
+  # Identifies those tests that rely on `matchesGoldenFile()`.
+  golden: {}
diff --git a/packages/io_crossword_ui/lib/io_crossword_ui.dart b/packages/io_crossword_ui/lib/io_crossword_ui.dart
index 6ae2fbaba..cf313c63b 100644
--- a/packages/io_crossword_ui/lib/io_crossword_ui.dart
+++ b/packages/io_crossword_ui/lib/io_crossword_ui.dart
@@ -2,3 +2,4 @@
 library io_crossword_ui;
 
 export 'src/theme/theme.dart';
+export 'src/widgets/widgets.dart';
diff --git a/packages/io_crossword_ui/lib/src/theme/io_crossword_theme.dart b/packages/io_crossword_ui/lib/src/theme/io_crossword_theme.dart
index 23aa5d4a4..c3a21328c 100644
--- a/packages/io_crossword_ui/lib/src/theme/io_crossword_theme.dart
+++ b/packages/io_crossword_ui/lib/src/theme/io_crossword_theme.dart
@@ -23,6 +23,8 @@ class IoCrosswordTheme {
     return ColorScheme.fromSeed(
       seedColor: IoCrosswordColors.seedBlue,
       background: IoCrosswordColors.seedBlack,
+      surface: IoCrosswordColors.seedWhite,
+      surfaceTint: IoCrosswordColors.seedWhite,
     );
   }
 
diff --git a/packages/io_crossword_ui/lib/src/widgets/io_crossword_card.dart b/packages/io_crossword_ui/lib/src/widgets/io_crossword_card.dart
new file mode 100644
index 000000000..612dc767a
--- /dev/null
+++ b/packages/io_crossword_ui/lib/src/widgets/io_crossword_card.dart
@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+
+/// {@template io_crossword_card}
+/// A panel with slightly rounded corners and an elevation shadow.
+///
+/// An [IoCrosswordCard] is meant to be the main container of the page. They are
+/// not meant to be nested between each other.
+///
+/// It has a fixed maximum size that adjusts according to the device's
+/// layout size. Note that it does not support orientation changes, it assumes
+/// the orientation is fixed to portrait.
+/// {@endtemplate}
+class IoCrosswordCard extends StatelessWidget {
+  /// {@macro io_crossword_card}
+  const IoCrosswordCard({super.key, this.child});
+
+  /// The widget below this widget in the tree.
+  ///
+  /// If this [child] size is bigger than the [IoCrosswordCard]'s size,
+  /// you should consider scrolling the content.
+  ///
+  /// The [child] will be expanded to fill the [IoCrosswordCard].
+  final Widget? child;
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      minimum: const EdgeInsets.all(16),
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: 358, maxHeight: 540),
+        child: Material(
+          type: MaterialType.card,
+          borderRadius: BorderRadius.circular(24),
+          child: SizedBox.expand(child: child),
+        ),
+      ),
+    );
+  }
+}
diff --git a/packages/io_crossword_ui/lib/src/widgets/widgets.dart b/packages/io_crossword_ui/lib/src/widgets/widgets.dart
new file mode 100644
index 000000000..695410029
--- /dev/null
+++ b/packages/io_crossword_ui/lib/src/widgets/widgets.dart
@@ -0,0 +1 @@
+export 'io_crossword_card.dart';
diff --git a/packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__desktop.png b/packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__desktop.png
new file mode 100644
index 0000000000000000000000000000000000000000..d72afb9018524857b9d2fb35d82d7a79a09f7d2e
GIT binary patch
literal 50163
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

literal 0
HcmV?d00001

diff --git a/packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__mobile_portrait.png b/packages/io_crossword_ui/test/src/widgets/goldens/io_crossword_card__mobile_portrait.png
new file mode 100644
index 0000000000000000000000000000000000000000..adcbf768679f3b118376a01a22291c3ccee0679a
GIT binary patch
literal 21060
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
SA(t6I9gjI=Z9zA4zxq!MPNClb

literal 0
HcmV?d00001

diff --git a/packages/io_crossword_ui/test/src/widgets/io_crossword_card_test.dart b/packages/io_crossword_ui/test/src/widgets/io_crossword_card_test.dart
new file mode 100644
index 000000000..bcc517533
--- /dev/null
+++ b/packages/io_crossword_ui/test/src/widgets/io_crossword_card_test.dart
@@ -0,0 +1,79 @@
+// ignore_for_file: prefer_const_constructors
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:io_crossword_ui/io_crossword_ui.dart';
+
+import '../../test_tag.dart';
+
+void main() {
+  group('$IoCrosswordCard', () {
+    testWidgets('renders successfully', (tester) async {
+      await tester.pumpWidget(const IoCrosswordCard(child: FlutterLogo()));
+      expect(find.byType(IoCrosswordCard), findsOneWidget);
+    });
+
+    testWidgets('renders its child', (tester) async {
+      const child = FlutterLogo();
+      await tester.pumpWidget(const IoCrosswordCard(child: child));
+      expect(find.byWidget(child), findsOneWidget);
+    });
+
+    group('renders as expected', () {
+      Uri goldenKey(String name) =>
+          Uri.parse('goldens/io_crossword_card__$name.png');
+
+      testWidgets(
+        'when portrait mobile',
+        tags: TestTag.golden,
+        (tester) async {
+          await tester.binding.setSurfaceSize(const Size(390, 844));
+
+          await tester.pumpWidget(
+            _GoldenSubject(child: IoCrosswordCard()),
+          );
+
+          await expectLater(
+            find.byType(IoCrosswordCard),
+            matchesGoldenFile(goldenKey('mobile_portrait')),
+          );
+        },
+      );
+
+      testWidgets(
+        'when desktop',
+        tags: TestTag.golden,
+        (tester) async {
+          await tester.binding.setSurfaceSize(const Size(1440, 800));
+
+          await tester.pumpWidget(
+            _GoldenSubject(child: IoCrosswordCard()),
+          );
+
+          await expectLater(
+            find.byType(IoCrosswordCard),
+            matchesGoldenFile(goldenKey('desktop')),
+          );
+        },
+      );
+    });
+  });
+}
+
+class _GoldenSubject extends StatelessWidget {
+  const _GoldenSubject({required this.child});
+
+  final IoCrosswordCard child;
+
+  @override
+  Widget build(BuildContext context) {
+    final themeData = IoCrosswordTheme.themeData;
+    return Theme(
+      data: IoCrosswordTheme.themeData,
+      child: ColoredBox(
+        color: themeData.colorScheme.background,
+        child: Center(child: child),
+      ),
+    );
+  }
+}
diff --git a/packages/io_crossword_ui/test/test_tag.dart b/packages/io_crossword_ui/test/test_tag.dart
new file mode 100644
index 000000000..ce39fa36f
--- /dev/null
+++ b/packages/io_crossword_ui/test/test_tag.dart
@@ -0,0 +1,4 @@
+/// The test tags, as defined in the [`dart_test.yaml`].
+abstract class TestTag {
+  static const golden = 'golden';
+}