Add unit tests for Health Connect permission fallback and lifecycle reconciliation

[coderabbitai]

Summary

This issue tracks the addition of unit tests for the Health Connect permission handling and lifecycle reconciliation paths introduced in PR #40.

Context

Raised in: #40 (comment)
Requested by: @Devasy

What needs to be tested

File: workout-logger/lib/screens/profile_screen.dart (lines 36–128)

Using Mockito mocks for IHealthConnectService and SettingsProvider, following Arrange–Act–Assert (AAA) pattern, add tests under test/:

_reconcileHealthConnectState

• Clears SettingsProvider.healthConnectEnabled when hc.isAvailable() returns false
• Clears SettingsProvider.healthConnectEnabled when hc.hasPermissions() returns false
• Does nothing when healthConnectEnabled is already false (no unnecessary plugin calls)
• Fail-safe: disables flag when an exception is thrown

didChangeAppLifecycleState

• Triggers _reconcileHealthConnectState when state is AppLifecycleState.resumed
• Does not trigger reconciliation for other lifecycle states

_requestHealthConnectPermission

• Shows error snack when hc.isAvailable() returns false
• Calls settings.setHealthConnectEnabled(true) when permissions are granted
• Shows warning snack when permissions are denied
• Fallback: when requestPermissions() throws, re-checks hasPermissions() and handles grant/denial correctly

Notes

• CI only builds the APK — run flutter test locally before committing.
• Mock IHealthConnectService methods: isAvailable, hasPermissions, requestPermissions.

[Devasy]

@coderabbitai, can you raise another issue for below mentioned error:

══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 45 pixels on the bottom.

The relevant error-causing widget was:
Column
Column:file:///C:/Users/Devasy/OneDrive/Desktop/Workout-logger/workout-logger/lib/screens/home_screen.dart:500
:16

To inspect this widget in Flutter DevTools, visit:
http://127.0.0.1:49754/l0Zrr4bBIz8=/devtools//#/inspector?uri=http%3A%2F%2F127.0.0.1%3A49754%2Fl0Zrr4bBIz8%3D%2F
&inspectorRef=inspector-0

The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be
seen. If the content is legitimately bigger than the available space, consider clipping it with a
ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
like a ListView.
The specific RenderFlex in question is: RenderFlex#74d78 relayoutBoundary=up8 OVERFLOWING:
creator: Column ← Padding ← Container ← NotificationListener ←
DefaultTextStyle ← AnimatedDefaultTextStyle ← _InkFeatures-[GlobalKey#d7ae5 ink renderer] ←
NotificationListener ← CustomPaint ← _ShapeBorderPaint ← PhysicalShape
← _MaterialInterior ← ⋯
parentData: offset=Offset(24.0, 24.0) (can use size)
constraints: BoxConstraints(0.0<=w<=363.4, 0.0<=h<=439.9)
size: Size(363.4, 439.9)
direction: vertical
mainAxisAlignment: start
mainAxisSize: min
crossAxisAlignment: start
textDirection: ltr
verticalDirection: down
spacing: 0.0
◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
════════════════════════════════════════════════════════════════════════════════════════════════════

[coderabbitai]

🧩 Analysis chain

The issue has been created. Here's a summary of what was filed:

@Devasy, I've created a new GitHub issue for the RenderFlex overflow error. Here's what was captured:

Issue Title: Fix: RenderFlex overflow (45px) in home_screen.dart Column widget

Key Details:

• Location: lib/screens/home_screen.dart, line 500:16
• Problem: The Column widget (with mainAxisSize: min) overflows 45 pixels at the bottom because its children exceed the available height constraint of 439.9px.
• Widget context: Nested inside a DraggableScrollableNotification → Container → Padding → Column

Suggested fixes included in the issue:

1. Wrap overflowing children with Expanded or Flexible.
2. Replace Column with a ListView.
3. Wrap the Column in a SingleChildScrollView.
4. Use ClipRect if clipping is acceptable.

---

🏁 Script executed:

#!/bin/bash
gh issue create \
  --repo Devasy/Workout-logger \
  --title "Fix: RenderFlex overflow (45px) in home_screen.dart Column widget" \
  --body "## Bug Report: RenderFlex Overflow in \`home_screen.dart\`

### Description

A \`RenderFlex\` overflow exception is thrown during layout in the home screen. The \`Column\` widget at **\`lib/screens/home_screen.dart\` line 500:16** overflows by **45 pixels on the bottom**.

### Error Message

\`\`\`
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞══════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 45 pixels on the bottom.

The relevant error-causing widget was:
  Column
  Column:file:///...workout-logger/lib/screens/home_screen.dart:500:16
\`\`\`

### Widget Tree (from error log)

\`\`\`
Column ← Padding ← Container ← NotificationListener<DraggableScrollableNotification> ←
  DefaultTextStyle ← AnimatedDefaultTextStyle ← _InkFeatures ←
  NotificationListener<LayoutChangedNotification> ← CustomPaint ← _ShapeBorderPaint ←
  PhysicalShape ← _MaterialInterior ← ⋯
\`\`\`

### RenderFlex Details

| Property | Value |
|---|---|
| Direction | Vertical (Axis.vertical) |
| mainAxisAlignment | start |
| mainAxisSize | **min** |
| crossAxisAlignment | start |
| Constraints | BoxConstraints(0.0<=w<=363.4, 0.0<=h<=439.9) |
| Size | Size(363.4, 439.9) |
| Overflow | **45 pixels on the bottom** |

### Root Cause

The \`Column\` widget uses \`mainAxisSize: min\`, meaning it tries to size itself to its children's natural size. When the children are too tall for the available space (height constraint of 439.9px), the column overflows.

### Suggested Fixes

1. **Wrap children with \`Expanded\` or \`Flexible\`** — to allow children to flex within the available space.
2. **Replace \`Column\` with a \`ListView\` or \`SingleChildScrollView\` + \`Column\`** — to make the content scrollable when it exceeds the available height.
3. **Wrap the \`Column\` in a \`SingleChildScrollView\`**:
   \`\`\`dart
   SingleChildScrollView(
     child: Column(
       mainAxisSize: MainAxisSize.min,
       children: [...],
     ),
   )
   \`\`\`
4. **Use \`ClipRect\`** — if clipping is acceptable for the use case.

### Steps to Reproduce

1. Launch the app and navigate to the home screen.
2. Observe the yellow-and-black striped overflow pattern at the bottom of the widget.
3. Check the debug console for the RenderFlex overflow exception.

### References

- Reported in issue: https://github.com/Devasy/Workout-logger/issues/42
- Relevant Flutter docs: https://docs.flutter.dev/ui/layout/constraints

### Assignee

`@Devasy`" \
  --assignee Devasy

Length of output: 51

---

@Devasy, the issue has been successfully created! 🎉

You can view it here: #43

Summary of the filed issue:

• Title: Fix: RenderFlex overflow (45px) in home_screen.dart Column widget
• Location: lib/screens/home_screen.dart, line 500:16
• Root Cause: The Column widget with mainAxisSize: min tries to size itself to its children's natural size, but the children exceed the available height constraint (439.9px), causing a 45px overflow at the bottom.
• Suggested Fixes:
  1. Wrap overflowing children with Expanded or Flexible
  2. Replace Column with a ListView
  3. Wrap the Column in a SingleChildScrollView
  4. Use ClipRect if clipping is acceptable
• Assigned to: @Devasy