From f3bad9dfa7019da05510bbc7e9bafc91fb6c694a Mon Sep 17 00:00:00 2001
From: Parvathy Nair <parvathyabnair0203@gmail.com>
Date: Thu, 15 Oct 2026 18:10:08 +0530
Subject: [PATCH 1/2] Unit tests for QML Cards, Workflow, System, and
 Visualization components

---
 qml/components/visualization/ProjectList.qml  |   9 +-
 .../visualization/ProjectPieChart.qml         |  10 +-
 tests/qml/QtCharts/ChartView.qml              |  26 ++
 tests/qml/QtCharts/Legend.qml                 |   8 +
 tests/qml/QtCharts/Margins.qml                |   8 +
 tests/qml/QtCharts/PieSeries.qml              |  48 ++++
 tests/qml/QtCharts/PieSlice.qml               |  22 ++
 tests/qml/QtCharts/qmldir                     |   6 +
 tests/qml/README.md                           |  13 +
 tests/qml/tst_activitydetailscard.qml         | 248 ++++++++++++++++++
 tests/qml/tst_attachmentmanager.qml           | 227 ++++++++++++++++
 tests/qml/tst_backendbridge.qml               |  91 +++++++
 tests/qml/tst_ehower.qml                      | 117 +++++++++
 tests/qml/tst_ehowerindicator.qml             |  79 ++++++
 tests/qml/tst_formdrafthandler.qml            | 213 +++++++++++++++
 tests/qml/tst_imagepreviewer.qml              |  99 +++++++
 tests/qml/tst_modeldownloadtimerwidget.qml    | 134 ++++++++++
 tests/qml/tst_projectdetailscard.qml          | 240 +++++++++++++++++
 tests/qml/tst_projectlist.qml                 | 199 ++++++++++++++
 tests/qml/tst_projectpiechart.qml             | 100 +++++++
 tests/qml/tst_updatesdetailscard.qml          | 159 +++++++++++
 tests/qml/tst_voicetimerwidget.qml            |  98 +++++++
 22 files changed, 2146 insertions(+), 8 deletions(-)
 create mode 100644 tests/qml/QtCharts/ChartView.qml
 create mode 100644 tests/qml/QtCharts/Legend.qml
 create mode 100644 tests/qml/QtCharts/Margins.qml
 create mode 100644 tests/qml/QtCharts/PieSeries.qml
 create mode 100644 tests/qml/QtCharts/PieSlice.qml
 create mode 100644 tests/qml/QtCharts/qmldir
 create mode 100644 tests/qml/tst_activitydetailscard.qml
 create mode 100644 tests/qml/tst_attachmentmanager.qml
 create mode 100644 tests/qml/tst_backendbridge.qml
 create mode 100644 tests/qml/tst_ehower.qml
 create mode 100644 tests/qml/tst_ehowerindicator.qml
 create mode 100644 tests/qml/tst_formdrafthandler.qml
 create mode 100644 tests/qml/tst_imagepreviewer.qml
 create mode 100644 tests/qml/tst_modeldownloadtimerwidget.qml
 create mode 100644 tests/qml/tst_projectdetailscard.qml
 create mode 100644 tests/qml/tst_projectlist.qml
 create mode 100644 tests/qml/tst_projectpiechart.qml
 create mode 100644 tests/qml/tst_updatesdetailscard.qml
 create mode 100644 tests/qml/tst_voicetimerwidget.qml

diff --git a/qml/components/visualization/ProjectList.qml b/qml/components/visualization/ProjectList.qml
index 662060ac..e1f03ebf 100644
--- a/qml/components/visualization/ProjectList.qml
+++ b/qml/components/visualization/ProjectList.qml
@@ -225,14 +225,17 @@ Item {
     function navigateBackInHierarchy() {
         if (navigationStackModel.count > 0) {
             var last = navigationStackModel.get(navigationStackModel.count - 1);
+            var prevParentId = (last && last.parentId !== undefined) ? last.parentId : -1;
+            var prevAccountId = (last && last.accountId !== undefined) ? last.accountId : -1;
+            var prevParentName = (last && last.parentName !== undefined) ? last.parentName : "";
             navigationStackModel.remove(navigationStackModel.count - 1);
-            currentParentId = last.parentId !== undefined ? last.parentId : -1;
+            currentParentId = prevParentId;
             if (currentParentId === -1) {
                 currentAccountId = getSelectedAccountId();
             } else {
-                currentAccountId = last.accountId !== undefined ? last.accountId : -1;
+                currentAccountId = prevAccountId;
             }
-            currentParentName = (last.parentName !== undefined) ? last.parentName : "";
+            currentParentName = prevParentName;
         }
     }
 
diff --git a/qml/components/visualization/ProjectPieChart.qml b/qml/components/visualization/ProjectPieChart.qml
index b7e0fb17..7559b4ee 100644
--- a/qml/components/visualization/ProjectPieChart.qml
+++ b/qml/components/visualization/ProjectPieChart.qml
@@ -48,7 +48,7 @@ Item {
         anchors.top: parent.top
         anchors.horizontalCenter: parent.horizontalCenter
         font.pixelSize: units.gu(2)
-        color: Theme.name === "Ubuntu.Components.Themes.SuruDark" ? "White" : "#444"
+        color: theme.name === "Ubuntu.Components.Themes.SuruDark" ? "White" : "#444"
         padding: units.gu(1.5)
     }
 
@@ -124,8 +124,8 @@ Item {
         y: units.gu(2)
         width: Math.min(hoverText.implicitWidth + units.gu(3), parent.width - units.gu(2))
         height: hoverText.implicitHeight + units.gu(1.5)
-        color: Theme.name === "Ubuntu.Components.Themes.SuruDark" ? "#555" : "#FFF"
-        border.color: Theme.name === "Ubuntu.Components.Themes.SuruDark" ? "#888" : "#ccc"
+        color: theme.name === "Ubuntu.Components.Themes.SuruDark" ? "#555" : "#FFF"
+        border.color: theme.name === "Ubuntu.Components.Themes.SuruDark" ? "#888" : "#ccc"
         border.width: 1
         radius: units.gu(0.5)
         opacity: hoverText.text !== "" ? 0.95 : 0.0
@@ -141,7 +141,7 @@ Item {
             horizontalAlignment: Text.AlignHCenter
             wrapMode: Text.Wrap
             text: ""
-            color: Theme.name === "Ubuntu.Components.Themes.SuruDark" ? "White" : "Black"
+            color: theme.name === "Ubuntu.Components.Themes.SuruDark" ? "White" : "Black"
             font.weight: Font.Light
             font.pixelSize: units.gu(2)
         }
@@ -189,7 +189,7 @@ Item {
                     id: label
                     text: Utils.truncateText(model.label, 35)
                     font.pixelSize: units.gu(1.8)
-                    color: Theme.name === "Ubuntu.Components.Themes.SuruDark" ? "white" : "#333"
+                    color: theme.name === "Ubuntu.Components.Themes.SuruDark" ? "white" : "#333"
                     wrapMode: Text.WordWrap
                     elide: Text.ElideRight
                     maximumLineCount: 2
diff --git a/tests/qml/QtCharts/ChartView.qml b/tests/qml/QtCharts/ChartView.qml
new file mode 100644
index 00000000..6b37629a
--- /dev/null
+++ b/tests/qml/QtCharts/ChartView.qml
@@ -0,0 +1,26 @@
+import QtQuick 2.7
+
+Item {
+    id: chartView
+
+    default property alias children: contentArea.data
+
+    property color backgroundColor: "transparent"
+    property bool antialiasing: true
+    property string title: ""
+
+    property Margins margins: Margins {}
+    property Legend legend: Legend {}
+
+    property QtObject plotArea: QtObject {
+        property real x: 0
+        property real y: 0
+        property real width: chartView.width
+        property real height: chartView.height
+    }
+
+    Item {
+        id: contentArea
+        anchors.fill: parent
+    }
+}
diff --git a/tests/qml/QtCharts/Legend.qml b/tests/qml/QtCharts/Legend.qml
new file mode 100644
index 00000000..40da028b
--- /dev/null
+++ b/tests/qml/QtCharts/Legend.qml
@@ -0,0 +1,8 @@
+import QtQuick 2.7
+
+QtObject {
+    property bool visible: false
+    property int alignment: 0
+    property color labelColor: "black"
+    property font font
+}
diff --git a/tests/qml/QtCharts/Margins.qml b/tests/qml/QtCharts/Margins.qml
new file mode 100644
index 00000000..ca616166
--- /dev/null
+++ b/tests/qml/QtCharts/Margins.qml
@@ -0,0 +1,8 @@
+import QtQuick 2.7
+
+QtObject {
+    property int top: 0
+    property int bottom: 0
+    property int left: 0
+    property int right: 0
+}
diff --git a/tests/qml/QtCharts/PieSeries.qml b/tests/qml/QtCharts/PieSeries.qml
new file mode 100644
index 00000000..8f41e078
--- /dev/null
+++ b/tests/qml/QtCharts/PieSeries.qml
@@ -0,0 +1,48 @@
+import QtQuick 2.7
+
+Item {
+    id: pieSeries
+    property real size: 0.6
+    property real holeSize: 0.3
+    property real horizontalPosition: 0.5
+    property real verticalPosition: 0.5
+    property var slices: []
+    readonly property int count: slices.length
+
+    signal hovered(var slice, bool state)
+
+    function clear() {
+        slices = [];
+    }
+
+    function append(label, value) {
+        var comp = Qt.createComponent("PieSlice.qml");
+        var startA = 0;
+        if (slices.length > 0) {
+            var last = slices[slices.length - 1];
+            startA = last.startAngle + last.angleSpan;
+        }
+
+        var sliceObj = comp.createObject(pieSeries, {
+            label: label,
+            value: value,
+            startAngle: startA,
+            angleSpan: 45
+        });
+
+        slices.push(sliceObj);
+        return sliceObj;
+    }
+
+    function at(index) {
+        if (index >= 0 && index < slices.length) return slices[index];
+        return null;
+    }
+
+    function find(label) {
+        for (var i = 0; i < slices.length; i++) {
+            if (slices[i].label === label) return slices[i];
+        }
+        return null;
+    }
+}
diff --git a/tests/qml/QtCharts/PieSlice.qml b/tests/qml/QtCharts/PieSlice.qml
new file mode 100644
index 00000000..61fc82d3
--- /dev/null
+++ b/tests/qml/QtCharts/PieSlice.qml
@@ -0,0 +1,22 @@
+import QtQuick 2.7
+
+QtObject {
+    id: slice
+
+    enum LabelPosition {
+        LabelOutside,
+        LabelInsideHorizontal,
+        LabelInsideTangential,
+        LabelInsideNormal,
+        LabelArm
+    }
+
+    property string label: ""
+    property real value: 0
+    property bool exploded: false
+    property int labelPosition: 0
+    property bool labelVisible: false
+    property color color: "blue"
+    property real startAngle: 0
+    property real angleSpan: 0
+}
diff --git a/tests/qml/QtCharts/qmldir b/tests/qml/QtCharts/qmldir
new file mode 100644
index 00000000..3611ebc6
--- /dev/null
+++ b/tests/qml/QtCharts/qmldir
@@ -0,0 +1,6 @@
+module QtCharts
+ChartView 2.0 ChartView.qml
+PieSeries 2.0 PieSeries.qml
+PieSlice 2.0 PieSlice.qml
+Margins 2.0 Margins.qml
+Legend 2.0 Legend.qml
diff --git a/tests/qml/README.md b/tests/qml/README.md
index 874722f1..ee476103 100644
--- a/tests/qml/README.md
+++ b/tests/qml/README.md
@@ -43,23 +43,34 @@ tests/
 │   │   ├── tst_squirebridge.qml   # Test suite for Squire.js QtWebEngine messaging bridge
 │   │   └── tst_taskformutils.qml  # Test suite for task form validation and save data preparation
 │   ├── tst_accountselectordialog.qml # Test suite for AccountSelectorDialog picker and account switch
+│   ├── tst_activitydetailscard.qml # Test suite for ActivityDetailsCard activity details, assignee, due date, and action signals
 │   ├── tst_assigneefiltermenu.qml # Test suite for AssigneeFilterMenu multi-selection, search, and delegate interaction
+│   ├── tst_attachmentmanager.qml  # Test suite for AttachmentManager attachment list, file deletion, and upload signals
+│   ├── tst_backendbridge.qml      # Test suite for BackendBridge signal dispatch between QML and Python
 │   ├── tst_colorpicker.qml        # Test suite for ColorPicker palette and custom color
 │   ├── tst_contentpickerdialog.qml # Test suite for ContentPickerDialog single/multi selection
 │   ├── tst_customdatepicker.qml   # Test suite for CustomDatePicker picker component
 │   ├── tst_daterangeheaderfilter.qml # Test suite for DateRangeHeaderFilter filter toggle and active range text
 │   ├── tst_daterangeselector.qml  # Test suite for DateRangeSelector date bounds and range pick
 │   ├── tst_dayselector.qml        # Test suite for DaySelector day selection signals
+│   ├── tst_ehower.qml             # Test suite for EHower 2x2 priority matrix layout and quadrant hours
+│   ├── tst_ehowerindicator.qml    # Test suite for EHowerIndicator quadrant key normalization and quadrant colors
 │   ├── tst_filterableheadercontents.qml # Test suite for FilterableHeaderContents filter state integration
+│   ├── tst_formdrafthandler.qml   # Test suite for FormDraftHandler draft autosave, change tracking, and unsaved changes
 │   ├── tst_globaltimerwidget.qml  # Test suite for GlobalTimerWidget system component
+│   ├── tst_imagepreviewer.qml     # Test suite for ImagePreviewer image display, close actions, and download states
 │   ├── tst_infobar.qml            # Test suite for InfoBar feedback component
 │   ├── tst_inlineoptionselector.qml # Test suite for InlineOptionSelector radio-style option selection
 │   ├── tst_loadingindicator.qml   # Test suite for LoadingIndicator running state and visibility
 │   ├── tst_loadmorefooter.qml     # Test suite for LoadMoreFooter loading state and retry trigger
+│   ├── tst_modeldownloadtimerwidget.qml # Test suite for ModelDownloadTimerWidget download progress and cancel controls
 │   ├── tst_multiassigneeselector.qml # Test suite for MultiAssigneeSelector multi-select IDs array output
 │   ├── tst_notificationbell.qml   # Test suite for NotificationBell unread counter badge and navigation
 │   ├── tst_notificationpopup.qml  # Test suite for NotificationPopup message, dismiss, and timeout
 │   ├── tst_outlinedtextfield.qml # Test suite for OutlinedTextField text input component
+│   ├── tst_projectdetailscard.qml # Test suite for ProjectDetailsCard project info, status badge, progress, and timer controls
+│   ├── tst_projectlist.qml        # Test suite for ProjectList hierarchy navigation stack, list model population, and selection
+│   ├── tst_projectpiechart.qml    # Test suite for ProjectPieChart pie slice data loading, sorting, and empty state
 │   ├── tst_projectstageselector.qml # Test suite for ProjectStageSelector stage list per project
 │   ├── tst_savediscarddialog.qml  # Test suite for SaveDiscardDialog save, discard, and cancel signals
 │   ├── tst_selectionbutton.qml    # Test suite for SelectionButton selection state and click
@@ -72,6 +83,8 @@ tests/
 │   ├── tst_tsprogressbar.qml      # Test suite for TSProgressbar progress indicator
 │   ├── tst_tssearchbar.qml        # Test suite for TSSearchBar search input component
 │   ├── tst_tsswitch.qml           # Test suite for TSSwitch toggle switch component
+│   ├── tst_updatesdetailscard.qml # Test suite for UpdatesDetailsCard update summary, timestamp, status, and progress
+│   ├── tst_voicetimerwidget.qml   # Test suite for VoiceTimerWidget voice recording states and timer controls
 │   └── tst_workitemselector.qml   # Test suite for WorkItemSelector project and task selection logic
 ```
 
diff --git a/tests/qml/tst_activitydetailscard.qml b/tests/qml/tst_activitydetailscard.qml
new file mode 100644
index 00000000..060c2b46
--- /dev/null
+++ b/tests/qml/tst_activitydetailscard.qml
@@ -0,0 +1,248 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/cards"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    ActivityDetailsCard {
+        id: testCard
+        account_id: 1
+        odoo_record_id: 201
+    }
+
+    SignalSpy {
+        id: cardClickedSpy
+        target: testCard
+        signalName: "cardClicked"
+    }
+
+    SignalSpy {
+        id: editRequestedSpy
+        target: testCard
+        signalName: "editRequested"
+    }
+
+    SignalSpy {
+        id: viewRequestedSpy
+        target: testCard
+        signalName: "viewRequested"
+    }
+
+    SignalSpy {
+        id: markAsDoneSpy
+        target: testCard
+        signalName: "markAsDone"
+    }
+
+    SignalSpy {
+        id: createFollowupSpy
+        target: testCard
+        signalName: "createFollowup"
+    }
+
+    SignalSpy {
+        id: dateChangedSpy
+        target: testCard
+        signalName: "dateChanged"
+    }
+
+    TestCase {
+        name: "ActivityDetailsCardTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testCard.notes = "";
+            testCard.activity_type_name = "";
+            testCard.summary = "";
+            testCard.activity_type_id = -1;
+            testCard.user = "";
+            testCard.due_date = "";
+            testCard.state = "";
+            testCard.id = -1;
+            testCard.odoo_record_id = 201;
+            testCard.account_id = 1;
+            testCard.colorPallet = 0;
+            testCard.hasDraft = false;
+
+            cardClickedSpy.clear();
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            markAsDoneSpy.clear();
+            createFollowupSpy.clear();
+            dateChangedSpy.clear();
+        }
+
+        function cleanup() {
+            cardClickedSpy.clear();
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            markAsDoneSpy.clear();
+            createFollowupSpy.clear();
+            dateChangedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testCard.notes, "");
+            compare(testCard.activity_type_name, "");
+            compare(testCard.summary, "");
+            compare(testCard.user, "");
+            compare(testCard.due_date, "");
+            compare(testCard.state, "");
+            compare(testCard.hasDraft, false);
+            compare(testCard.account_id, 1);
+            compare(testCard.odoo_record_id, 201);
+        }
+
+        function test_stripHtmlTagsComprehensive() {
+            var input = "<p>Meeting with <b>client</b> &amp; discuss <style>body{}</style>options.</p>";
+            var stripped = testCard.stripHtmlTags(input);
+            verify(stripped.indexOf("<p>") === -1);
+            verify(stripped.indexOf("<b>") === -1);
+            verify(stripped.indexOf("<style>") === -1);
+            verify(stripped.indexOf("&") !== -1);
+            verify(stripped.indexOf("Meeting with client") !== -1);
+
+            compare(testCard.stripHtmlTags(""), "");
+            compare(testCard.stripHtmlTags(null), "");
+        }
+
+        function test_hasHtmlTagsDetection() {
+            compare(testCard.hasHtmlTags("Plain text without tags"), false);
+            compare(testCard.hasHtmlTags("Text with <i>italic</i> markup"), true);
+            compare(testCard.hasHtmlTags("<div>content</div>"), true);
+        }
+
+        function test_truncateTextHelper() {
+            var text = "This is a very long activity summary that exceeds limits";
+            var truncated = testCard.truncateText(text, 10);
+            verify(truncated.length <= 13);
+            verify(truncated.indexOf("...") !== -1);
+
+            var shortText = "Short";
+            compare(testCard.truncateText(shortText, 20), "Short");
+        }
+
+        function test_smartTruncateRichAndPlain() {
+            var plain = "Short plain text";
+            var plainTrunc = testCard.smartTruncate(plain, 25);
+            compare(plainTrunc, plain);
+
+            var rich = "<p>A <b>formatted</b> string for testing truncate</p>";
+            var richTrunc = testCard.smartTruncate(rich, 10);
+            verify(richTrunc.indexOf("...") !== -1);
+        }
+
+        function test_isActivityOverdueCalculations() {
+            // Empty date or done state is never overdue
+            testCard.due_date = "";
+            testCard.state = "";
+            compare(testCard.isActivityOverdue(), false);
+
+            testCard.due_date = "2020-01-01";
+            testCard.state = "done";
+            compare(testCard.isActivityOverdue(), false);
+
+            // Date in the distant past is overdue
+            testCard.due_date = "2020-01-01";
+            testCard.state = "planned";
+            compare(testCard.isActivityOverdue(), true);
+
+            // Date in the distant future is not overdue
+            testCard.due_date = "2099-12-31";
+            testCard.state = "planned";
+            compare(testCard.isActivityOverdue(), false);
+        }
+
+        function test_isActivityDueTodayCalculation() {
+            testCard.due_date = "";
+            testCard.state = "";
+            compare(testCard.isActivityDueToday(), false);
+
+            // Set today's date formatted as YYYY-MM-DD
+            var now = new Date();
+            var yyyy = now.getUTCFullYear();
+            var mm = String(now.getUTCMonth() + 1).padStart(2, '0');
+            var dd = String(now.getUTCDate()).padStart(2, '0');
+            var todayStr = yyyy + "-" + mm + "-" + dd;
+
+            testCard.due_date = todayStr;
+            testCard.state = "planned";
+            compare(testCard.isActivityDueToday(), true);
+
+            // Done state ignores due today
+            testCard.state = "done";
+            compare(testCard.isActivityDueToday(), false);
+        }
+
+        function test_getActivityStateInfoOutputs() {
+            // Overdue state
+            testCard.due_date = "2020-01-01";
+            testCard.state = "planned";
+            var overdueInfo = testCard.getActivityStateInfo();
+            compare(overdueInfo.color, "#F44336");
+            verify(overdueInfo.text.indexOf("OVERDUE") !== -1 || overdueInfo.text.length > 0);
+
+            // Done state
+            testCard.due_date = "2020-01-01";
+            testCard.state = "done";
+            var doneInfo = testCard.getActivityStateInfo();
+            compare(doneInfo.color, "#28753c");
+            verify(doneInfo.text.indexOf("DONE") !== -1 || doneInfo.text.length > 0);
+
+            // Planned state (future date)
+            testCard.due_date = "2099-01-01";
+            testCard.state = "planned";
+            var plannedInfo = testCard.getActivityStateInfo();
+            compare(plannedInfo.color, "#2196F3");
+            verify(plannedInfo.text.indexOf("PLANNED") !== -1 || plannedInfo.text.length > 0);
+        }
+
+        function test_cardClickedSignalEmission() {
+            testCard.account_id = 3;
+            testCard.odoo_record_id = 777;
+
+            testCard.clicked();
+
+            compare(cardClickedSpy.count, 1);
+            compare(cardClickedSpy.signalArguments[0][0], 3);
+            compare(cardClickedSpy.signalArguments[0][1], 777);
+        }
+
+        function test_actionSignalsDirectEmission() {
+            testCard.editRequested(2, 404);
+            compare(editRequestedSpy.count, 1);
+            compare(editRequestedSpy.signalArguments[0][0], 2);
+            compare(editRequestedSpy.signalArguments[0][1], 404);
+
+            testCard.viewRequested(2, 404);
+            compare(viewRequestedSpy.count, 1);
+            compare(viewRequestedSpy.signalArguments[0][0], 2);
+            compare(viewRequestedSpy.signalArguments[0][1], 404);
+
+            testCard.markAsDone(2, 404);
+            compare(markAsDoneSpy.count, 1);
+            compare(markAsDoneSpy.signalArguments[0][0], 2);
+            compare(markAsDoneSpy.signalArguments[0][1], 404);
+
+            testCard.createFollowup(2, 404);
+            compare(createFollowupSpy.count, 1);
+            compare(createFollowupSpy.signalArguments[0][0], 2);
+            compare(createFollowupSpy.signalArguments[0][1], 404);
+
+            testCard.dateChanged(2, 404, "2026-11-01");
+            compare(dateChangedSpy.count, 1);
+            compare(dateChangedSpy.signalArguments[0][0], 2);
+            compare(dateChangedSpy.signalArguments[0][1], 404);
+            compare(dateChangedSpy.signalArguments[0][2], "2026-11-01");
+        }
+    }
+}
diff --git a/tests/qml/tst_attachmentmanager.qml b/tests/qml/tst_attachmentmanager.qml
new file mode 100644
index 00000000..48be20c2
--- /dev/null
+++ b/tests/qml/tst_attachmentmanager.qml
@@ -0,0 +1,227 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/workflow"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    AttachmentManager {
+        id: testManager
+        account_id: 1
+        resource_type: "project.project"
+        resource_id: 10
+    }
+
+    SignalSpy {
+        id: uploadStartedSpy
+        target: testManager
+        signalName: "uploadStarted"
+    }
+
+    SignalSpy {
+        id: uploadCompletedSpy
+        target: testManager
+        signalName: "uploadCompleted"
+    }
+
+    SignalSpy {
+        id: uploadFailedSpy
+        target: testManager
+        signalName: "uploadFailed"
+    }
+
+    SignalSpy {
+        id: itemClickedSpy
+        target: testManager
+        signalName: "itemClicked"
+    }
+
+    TestCase {
+        name: "AttachmentManagerTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testManager.clearAttachments();
+            testManager.account_id = 1;
+            testManager.resource_type = "project.project";
+            testManager.resource_id = 10;
+            uploadStartedSpy.clear();
+            uploadCompletedSpy.clear();
+            uploadFailedSpy.clear();
+            itemClickedSpy.clear();
+        }
+
+        function cleanup() {
+            testManager.clearAttachments();
+            uploadStartedSpy.clear();
+            uploadCompletedSpy.clear();
+            uploadFailedSpy.clear();
+            itemClickedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testManager.account_id, 1);
+            compare(testManager.resource_type, "project.project");
+            compare(testManager.resource_id, 10);
+            compare(testManager._busy, false);
+            compare(testManager.title, "Attachments");
+        }
+
+        function test_setAttachmentsPopulatesModel() {
+            var items = [
+                {
+                    id: 1,
+                    name: "document.pdf",
+                    url: "/tmp/document.pdf",
+                    mimetype: "application/pdf",
+                    size: 1024,
+                    odoo_record_id: 101,
+                    account_id: 1
+                },
+                {
+                    id: 2,
+                    name: "photo.jpg",
+                    url: "/tmp/photo.jpg",
+                    mimetype: "image/jpeg",
+                    size: 2048,
+                    odoo_record_id: 102,
+                    account_id: 1
+                }
+            ];
+
+            testManager.setAttachments(items);
+
+            compare(testManager.model.count, 2);
+            var first = testManager.model.get(0);
+            compare(first.name, "document.pdf");
+            compare(first.mimetype, "application/pdf");
+            compare(first.odoo_record_id, 101);
+
+            var second = testManager.model.get(1);
+            compare(second.name, "photo.jpg");
+            compare(second.mimetype, "image/jpeg");
+            compare(second.odoo_record_id, 102);
+        }
+
+        function test_setAttachmentsDeduplicatesItems() {
+            var duplicateItems = [
+                { id: 1, name: "file.txt", odoo_record_id: 200, account_id: 1 },
+                { id: 2, name: "file.txt", odoo_record_id: 200, account_id: 1 }
+            ];
+
+            testManager.setAttachments(duplicateItems);
+
+            compare(testManager.model.count, 1);
+        }
+
+        function test_appendAndClearAttachments() {
+            testManager.appendAttachment({
+                id: 10,
+                name: "single.png",
+                mimetype: "image/png",
+                odoo_record_id: 300,
+                account_id: 1
+            });
+            compare(testManager.model.count, 1);
+
+            testManager.appendAttachment({
+                id: 11,
+                name: "second.png",
+                mimetype: "image/png",
+                odoo_record_id: 301,
+                account_id: 1
+            });
+            compare(testManager.model.count, 2);
+
+            testManager.clearAttachments();
+            compare(testManager.model.count, 0);
+        }
+
+        function test_formatSizeHelper() {
+            compare(testManager._fmtSize(500), "500 B");
+            compare(testManager._fmtSize(1024), "1.0 KB");
+            compare(testManager._fmtSize(1048576), "1.0 MB");
+            compare(testManager._fmtSize(1073741824), "1.0 GB");
+        }
+
+        function test_metaLineLabelHelper() {
+            compare(testManager._metaLineLabel("image/jpeg", 100), "Image");
+            compare(testManager._metaLineLabel("application/pdf", 100), "PDF Document");
+            compare(testManager._metaLineLabel("audio/mpeg", 100), "Audio file");
+            compare(testManager._metaLineLabel("video/mp4", 100), "Video file");
+            compare(testManager._metaLineLabel("application/vnd.ms-excel", 100), "Spreadsheet");
+            compare(testManager._metaLineLabel("application/octet-stream", 100), "Document");
+        }
+
+        function test_iconNameHelper() {
+            compare(testManager._iconName("image/png"), "image-x-generic-symbolic");
+            compare(testManager._iconName("application/pdf"), "application-pdf-symbolic");
+            compare(testManager._iconName("video/mp4"), "video-x-generic-symbolic");
+            compare(testManager._iconName("audio/ogg"), "audio-x-generic-symbolic");
+            compare(testManager._iconName(""), "document-open");
+        }
+
+        function test_iconBoxColorHelper() {
+            compare(testManager._iconBoxColor("image/png"), "#009688");
+            compare(testManager._iconBoxColor("application/pdf"), "#D32F2F");
+            compare(testManager._iconBoxColor("audio/mp3"), "#7B1FA2");
+            compare(testManager._iconBoxColor("video/mp4"), "#388E3C");
+        }
+
+        function test_iconLightBgColorHelper() {
+            compare(testManager._iconLightBgColor("image/png"), "#E0F2F1");
+            compare(testManager._iconLightBgColor("application/pdf"), "#FFEBEE");
+            compare(testManager._iconLightBgColor(""), "#F5F5F5");
+        }
+
+        function test_handleSyncEvents() {
+            testManager._handleSyncEvent({
+                event: "ondemand_upload_message",
+                payload: "Uploading 50%..."
+            });
+            compare(testManager._statusMessage, "Uploading 50%...");
+
+            testManager._handleSyncEvent({
+                event: "ondemand_upload_completed",
+                payload: true
+            });
+            compare(uploadCompletedSpy.count, 1);
+            compare(testManager._busy, false);
+
+            testManager._handleSyncEvent({
+                event: "ondemand_upload_completed",
+                payload: false
+            });
+            compare(uploadFailedSpy.count, 1);
+            compare(testManager._busy, false);
+        }
+
+        function test_uploadStartedSignalUpdatesBusyState() {
+            testManager.uploadStarted();
+
+            compare(uploadStartedSpy.count, 1);
+            compare(testManager._busy, true);
+        }
+
+        function test_itemClickedSignalEmission() {
+            var itemData = {
+                id: 99,
+                name: "file.zip",
+                odoo_record_id: 999
+            };
+
+            testManager.itemClicked(itemData);
+
+            compare(itemClickedSpy.count, 1);
+            compare(itemClickedSpy.signalArguments[0][0].name, "file.zip");
+        }
+    }
+}
diff --git a/tests/qml/tst_backendbridge.qml b/tests/qml/tst_backendbridge.qml
new file mode 100644
index 00000000..45f36c21
--- /dev/null
+++ b/tests/qml/tst_backendbridge.qml
@@ -0,0 +1,91 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/system"
+
+Item {
+    id: testRoot
+    width: units.gu(40)
+    height: units.gu(40)
+
+    BackendBridge {
+        id: testBridge
+    }
+
+    SignalSpy {
+        id: messageReceivedSpy
+        target: testBridge
+        signalName: "messageReceived"
+    }
+
+    SignalSpy {
+        id: pythonErrorSpy
+        target: testBridge
+        signalName: "pythonError"
+    }
+
+    TestCase {
+        name: "BackendBridgeTests"
+        when: windowShown
+
+        function init() {
+            messageReceivedSpy.clear();
+            pythonErrorSpy.clear();
+        }
+
+        function cleanup() {
+            messageReceivedSpy.clear();
+            pythonErrorSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testBridge.module, "backend");
+            verify(testBridge.pythonImportPath !== "");
+        }
+
+        function test_messageReceivedSingleObject() {
+            var evt = {
+                event: "sync_progress",
+                payload: 75
+            };
+
+            testBridge.messageReceived(evt);
+
+            compare(messageReceivedSpy.count, 1);
+            var received = messageReceivedSpy.signalArguments[0][0];
+            compare(received.event, "sync_progress");
+            compare(received.payload, 75);
+        }
+
+        function test_messageReceivedSequentialEvents() {
+            testBridge.messageReceived({ event: "event_1", payload: "A" });
+            testBridge.messageReceived({ event: "event_2", payload: "B" });
+            testBridge.messageReceived({ event: "event_3", payload: "C" });
+
+            compare(messageReceivedSpy.count, 3);
+            compare(messageReceivedSpy.signalArguments[0][0].payload, "A");
+            compare(messageReceivedSpy.signalArguments[1][0].payload, "B");
+            compare(messageReceivedSpy.signalArguments[2][0].payload, "C");
+        }
+
+        function test_pythonErrorSignalEmission() {
+            var sampleTrace = "Traceback (most recent call last):\n  File 'test.py', line 10, in <module>\nValueError: invalid input";
+
+            testBridge.pythonError(sampleTrace);
+
+            compare(pythonErrorSpy.count, 1);
+            compare(pythonErrorSpy.signalArguments[0][0], sampleTrace);
+        }
+
+        function test_callMethodWhenNotReady() {
+            // When bridge is not ready, call() exits without crashing or throwing
+            var callbackInvoked = false;
+            testBridge.call("nonexistent_module.some_fn", [], function (res) {
+                callbackInvoked = true;
+            });
+
+            // Callback should not be invoked synchronously when not ready
+            compare(callbackInvoked, false);
+        }
+    }
+}
diff --git a/tests/qml/tst_ehower.qml b/tests/qml/tst_ehower.qml
new file mode 100644
index 00000000..e6024394
--- /dev/null
+++ b/tests/qml/tst_ehower.qml
@@ -0,0 +1,117 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/visualization"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    Item {
+        id: accountPicker
+        property int selectedAccountId: 1
+        signal accepted(int id, string name)
+    }
+
+    EHower {
+        id: testMatrix
+        anchors.fill: parent
+    }
+
+    SignalSpy {
+        id: quadrantClickedSpy
+        target: testMatrix
+        signalName: "quadrantClicked"
+    }
+
+    TestCase {
+        name: "EHowerTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testMatrix.selectedAccountId = 1;
+            testMatrix.selectedUserId = -1;
+            testMatrix.quadrant1Hours = "0";
+            testMatrix.quadrant2Hours = "0";
+            testMatrix.quadrant3Hours = "0";
+            testMatrix.quadrant4Hours = "0";
+            quadrantClickedSpy.clear();
+        }
+
+        function cleanup() {
+            quadrantClickedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            verify(testMatrix.quadrant1Hours !== undefined);
+            verify(testMatrix.quadrant2Hours !== undefined);
+            verify(testMatrix.quadrant3Hours !== undefined);
+            verify(testMatrix.quadrant4Hours !== undefined);
+            compare(testMatrix.autoRefreshOnAccountChange, true);
+        }
+
+        function test_quadrantHoursPropertiesUpdate() {
+            testMatrix.quadrant1Hours = "10H";
+            testMatrix.quadrant2Hours = "15H";
+            testMatrix.quadrant3Hours = "5H";
+            testMatrix.quadrant4Hours = "2H";
+
+            compare(testMatrix.quadrant1Hours, "10H");
+            compare(testMatrix.quadrant2Hours, "15H");
+            compare(testMatrix.quadrant3Hours, "5H");
+            compare(testMatrix.quadrant4Hours, "2H");
+        }
+
+        function test_quadrantClickedSignalQ1() {
+            testMatrix.quadrantClicked(1);
+
+            compare(quadrantClickedSpy.count, 1);
+            compare(quadrantClickedSpy.signalArguments[0][0], 1);
+        }
+
+        function test_quadrantClickedSignalQ2() {
+            testMatrix.quadrantClicked(2);
+
+            compare(quadrantClickedSpy.count, 1);
+            compare(quadrantClickedSpy.signalArguments[0][0], 2);
+        }
+
+        function test_quadrantClickedSignalQ3() {
+            testMatrix.quadrantClicked(3);
+
+            compare(quadrantClickedSpy.count, 1);
+            compare(quadrantClickedSpy.signalArguments[0][0], 3);
+        }
+
+        function test_quadrantClickedSignalQ4() {
+            testMatrix.quadrantClicked(4);
+
+            compare(quadrantClickedSpy.count, 1);
+            compare(quadrantClickedSpy.signalArguments[0][0], 4);
+        }
+
+        function test_refreshQuadrantsParameters() {
+            testMatrix.refreshQuadrants("2026-01-01", "2026-12-31", 10, 2);
+
+            compare(testMatrix.selectedAccountId, 2);
+            compare(testMatrix.selectedUserId, 10);
+            verify(testMatrix.quadrant1Hours.indexOf("H") !== -1);
+            verify(testMatrix.quadrant2Hours.indexOf("H") !== -1);
+            verify(testMatrix.quadrant3Hours.indexOf("H") !== -1);
+            verify(testMatrix.quadrant4Hours.indexOf("H") !== -1);
+        }
+
+        function test_accountPickerAcceptedUpdatesAccount() {
+            accountPicker.selectedAccountId = 5;
+            accountPicker.accepted(5, "New Account");
+
+            compare(testMatrix.selectedAccountId, 5);
+        }
+    }
+}
diff --git a/tests/qml/tst_ehowerindicator.qml b/tests/qml/tst_ehowerindicator.qml
new file mode 100644
index 00000000..232d2998
--- /dev/null
+++ b/tests/qml/tst_ehowerindicator.qml
@@ -0,0 +1,79 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/visualization"
+import "../../models/constants.js" as AppConst
+
+Item {
+    id: testRoot
+    width: units.gu(40)
+    height: units.gu(40)
+
+    EHowerIndicator {
+        id: testIndicator
+    }
+
+    TestCase {
+        name: "EHowerIndicatorTests"
+        when: windowShown
+
+        function init() {
+            testIndicator.quadrantKey = "Do First (Important & Urgent )";
+        }
+
+        function cleanup() {
+            testIndicator.quadrantKey = "Do First (Important & Urgent )";
+        }
+
+        function test_initialDefaultQ1() {
+            compare(testIndicator.quadrantKey, "Do First (Important & Urgent )");
+            compare(testIndicator.normalizedKey, "Do");
+            verify(Qt.colorEqual(testIndicator.quadrantColor, AppConst.Colors.Quadrants.Q1));
+            compare(testIndicator.text, "Do First (Important & Urgent )");
+            verify(Qt.colorEqual(testIndicator.color, AppConst.Colors.Quadrants.Q1));
+        }
+
+        function test_doNextNormalizesToPlanQ2() {
+            testIndicator.quadrantKey = "Do Next (Important & Not Urgent)";
+
+            compare(testIndicator.normalizedKey, "Plan");
+            verify(Qt.colorEqual(testIndicator.quadrantColor, AppConst.Colors.Quadrants.Q2));
+            verify(Qt.colorEqual(testIndicator.color, AppConst.Colors.Quadrants.Q2));
+            compare(testIndicator.text, "Do Next (Important & Not Urgent)");
+        }
+
+        function test_doLaterNormalizesToDelegateQ3() {
+            testIndicator.quadrantKey = "Do Later (Not Important & Urgent)";
+
+            compare(testIndicator.normalizedKey, "Delegate");
+            verify(Qt.colorEqual(testIndicator.quadrantColor, AppConst.Colors.Quadrants.Q3));
+            verify(Qt.colorEqual(testIndicator.color, AppConst.Colors.Quadrants.Q3));
+            compare(testIndicator.text, "Do Later (Not Important & Urgent)");
+        }
+
+        function test_dontDoNormalizesToDeleteQ4() {
+            testIndicator.quadrantKey = "Don't do (Not Important & Not Urgent)";
+
+            compare(testIndicator.normalizedKey, "Delete");
+            verify(Qt.colorEqual(testIndicator.quadrantColor, AppConst.Colors.Quadrants.Q4));
+            verify(Qt.colorEqual(testIndicator.color, AppConst.Colors.Quadrants.Q4));
+            compare(testIndicator.text, "Don't do (Not Important & Not Urgent)");
+        }
+
+        function test_unrecognizedKeyFallbackToPlan() {
+            testIndicator.quadrantKey = "Custom Category Without Prefix";
+
+            compare(testIndicator.normalizedKey, "Plan");
+            verify(Qt.colorEqual(testIndicator.quadrantColor, AppConst.Colors.Quadrants.Q2));
+            verify(Qt.colorEqual(testIndicator.color, AppConst.Colors.Quadrants.Q2));
+        }
+
+        function test_textTracksQuadrantKeyChanges() {
+            testIndicator.quadrantKey = "Do First Task";
+            compare(testIndicator.text, "Do First Task");
+
+            testIndicator.quadrantKey = "Don't do Task";
+            compare(testIndicator.text, "Don't do Task");
+        }
+    }
+}
diff --git a/tests/qml/tst_formdrafthandler.qml b/tests/qml/tst_formdrafthandler.qml
new file mode 100644
index 00000000..5bd7fa6b
--- /dev/null
+++ b/tests/qml/tst_formdrafthandler.qml
@@ -0,0 +1,213 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/workflow"
+import "../../models/dbinit.js" as DbInit
+
+Item {
+    id: testRoot
+    width: units.gu(40)
+    height: units.gu(50)
+
+    FormDraftHandler {
+        id: testHandler
+        draftType: "task"
+        recordId: 101
+        accountId: 1
+        pageIdentifier: "test_page"
+    }
+
+    SignalSpy {
+        id: draftLoadedSpy
+        target: testHandler
+        signalName: "draftLoaded"
+    }
+
+    SignalSpy {
+        id: draftSavedSpy
+        target: testHandler
+        signalName: "draftSaved"
+    }
+
+    SignalSpy {
+        id: unsavedChangesWarningSpy
+        target: testHandler
+        signalName: "unsavedChangesWarning"
+    }
+
+    SignalSpy {
+        id: draftClearedSpy
+        target: testHandler
+        signalName: "draftCleared"
+    }
+
+    TestCase {
+        name: "FormDraftHandlerTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testHandler.reset();
+            testHandler.enabled = true;
+            testHandler.trackingSuspended = false;
+            testHandler.autoSaveInterval = 30000;
+            draftLoadedSpy.clear();
+            draftSavedSpy.clear();
+            unsavedChangesWarningSpy.clear();
+            draftClearedSpy.clear();
+        }
+
+        function cleanup() {
+            testHandler.reset();
+            draftLoadedSpy.clear();
+            draftSavedSpy.clear();
+            unsavedChangesWarningSpy.clear();
+            draftClearedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testHandler.enabled, true);
+            compare(testHandler.draftType, "task");
+            compare(testHandler.recordId, 101);
+            compare(testHandler.accountId, 1);
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+            compare(testHandler.autoSaveInterval, 30000);
+            compare(testHandler.trackingSuspended, false);
+        }
+
+        function test_initializeSetsOriginalDataAndClearsChanges() {
+            var original = {
+                name: "Initial Task",
+                priority: "1",
+                description: "Initial description"
+            };
+
+            testHandler.initialize(original);
+
+            compare(testHandler._initialized, true);
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+            compare(testHandler.currentFormData.name, "Initial Task");
+            compare(testHandler.originalData.name, "Initial Task");
+        }
+
+        function test_markFieldChangedTracksChanges() {
+            testHandler.initialize({ name: "Clean Name", description: "Clean Desc" });
+
+            testHandler.markFieldChanged("name", "Modified Name");
+
+            compare(testHandler.hasUnsavedChanges, true);
+            compare(testHandler.changedFields.length, 1);
+            compare(testHandler.changedFields[0], "name");
+            compare(testHandler.currentFormData.name, "Modified Name");
+        }
+
+        function test_markFieldChangedRevertRestoresCleanState() {
+            testHandler.initialize({ name: "Clean Name", description: "Clean Desc" });
+
+            testHandler.markFieldChanged("name", "Modified Name");
+            compare(testHandler.hasUnsavedChanges, true);
+
+            // Revert back to original value
+            testHandler.markFieldChanged("name", "Clean Name");
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+        }
+
+        function test_multipleFieldsChanged() {
+            testHandler.initialize({ name: "Task 1", priority: "low", status: "open" });
+
+            testHandler.markFieldChanged("name", "Task 1 Renamed");
+            testHandler.markFieldChanged("priority", "high");
+
+            compare(testHandler.hasUnsavedChanges, true);
+            compare(testHandler.changedFields.length, 2);
+            verify(testHandler.changedFields.indexOf("name") !== -1);
+            verify(testHandler.changedFields.indexOf("priority") !== -1);
+        }
+
+        function test_trackingSuspendedIgnoresModifications() {
+            testHandler.initialize({ name: "Base" });
+
+            testHandler.trackingSuspended = true;
+            testHandler.markFieldChanged("name", "Changed while suspended");
+
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+
+            testHandler.trackingSuspended = false;
+            testHandler.markFieldChanged("name", "Changed when resumed");
+            compare(testHandler.hasUnsavedChanges, true);
+        }
+
+        function test_canLeavePageWarningSignal() {
+            testHandler.initialize({ name: "Base" });
+
+            // No changes -> can leave page without warning
+            var canLeave = testHandler.canLeavePage();
+            compare(canLeave, true);
+            compare(unsavedChangesWarningSpy.count, 0);
+
+            // Modify field -> cannot leave and emits warning signal
+            testHandler.markFieldChanged("name", "Unsaved edit");
+            canLeave = testHandler.canLeavePage();
+            compare(canLeave, false);
+            compare(unsavedChangesWarningSpy.count, 1);
+        }
+
+        function test_clearDraftResetsChangesAndEmitsSignal() {
+            testHandler.initialize({ name: "Base" });
+            testHandler.markFieldChanged("name", "Changed");
+            compare(testHandler.hasUnsavedChanges, true);
+
+            testHandler.clearDraft();
+
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+            compare(draftClearedSpy.count, 1);
+        }
+
+        function test_updateOriginalDataEstablishesNewBaseline() {
+            testHandler.initialize({ name: "Initial" });
+            testHandler.markFieldChanged("name", "Updated Once");
+            compare(testHandler.hasUnsavedChanges, true);
+
+            testHandler.updateOriginalData({ name: "Updated Once" });
+
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(testHandler.changedFields.length, 0);
+            compare(testHandler.originalData.name, "Updated Once");
+        }
+
+        function test_saveAndLeaveDisablesUnsavedChanges() {
+            testHandler.initialize({ name: "Initial" });
+            testHandler.markFieldChanged("name", "Unsaved");
+            compare(testHandler.hasUnsavedChanges, true);
+
+            testHandler.saveAndLeave();
+            compare(testHandler.hasUnsavedChanges, false);
+        }
+
+        function test_discardAndLeaveClearsDraft() {
+            testHandler.initialize({ name: "Initial" });
+            testHandler.markFieldChanged("name", "To Discard");
+            compare(testHandler.hasUnsavedChanges, true);
+
+            testHandler.discardAndLeave();
+            compare(testHandler.hasUnsavedChanges, false);
+            compare(draftClearedSpy.count, 1);
+        }
+
+        function test_disabledHandlerIgnoresChanges() {
+            testHandler.enabled = false;
+            testHandler.initialize({ name: "Disabled Mode" });
+            testHandler.markFieldChanged("name", "Should not be tracked");
+
+            compare(testHandler.hasUnsavedChanges, false);
+        }
+    }
+}
diff --git a/tests/qml/tst_imagepreviewer.qml b/tests/qml/tst_imagepreviewer.qml
new file mode 100644
index 00000000..907aac03
--- /dev/null
+++ b/tests/qml/tst_imagepreviewer.qml
@@ -0,0 +1,99 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/system"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    ImagePreviewer {
+        id: testPreviewer
+    }
+
+    TestCase {
+        name: "ImagePreviewerTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testPreviewer.visible = false;
+            testPreviewer.imageSource = "";
+            testPreviewer.originalFilename = "";
+            testPreviewer.mimetype = "image/*";
+            testPreviewer.accountId = 0;
+            testPreviewer.recordId = 0;
+            testPreviewer.busy = false;
+            testPreviewer._downloadedOnce = false;
+        }
+
+        function cleanup() {
+            testPreviewer.visible = false;
+        }
+
+        function test_initialProperties() {
+            compare(testPreviewer.visible, false);
+            compare(testPreviewer.imageSource, "");
+            compare(testPreviewer.originalFilename, "");
+            compare(testPreviewer.mimetype, "image/*");
+            compare(testPreviewer.accountId, 0);
+            compare(testPreviewer.recordId, 0);
+            compare(testPreviewer.busy, false);
+            compare(testPreviewer._downloadedOnce, false);
+        }
+
+        function test_setImageSourceAndMetadata() {
+            testPreviewer.imageSource = "file:///tmp/sample.png";
+            testPreviewer.originalFilename = "sample.png";
+            testPreviewer.mimetype = "image/png";
+            testPreviewer.accountId = 1;
+            testPreviewer.recordId = 42;
+
+            compare(testPreviewer.imageSource.toString(), "file:///tmp/sample.png");
+            compare(testPreviewer.originalFilename, "sample.png");
+            compare(testPreviewer.mimetype, "image/png");
+            compare(testPreviewer.accountId, 1);
+            compare(testPreviewer.recordId, 42);
+        }
+
+        function test_openAndCloseActions() {
+            // Open previewer
+            testPreviewer.visible = true;
+            compare(testPreviewer.visible, true);
+
+            // Close via property
+            testPreviewer.visible = false;
+            compare(testPreviewer.visible, false);
+        }
+
+        function test_downloadedOncePropertyToggling() {
+            testPreviewer._downloadedOnce = false;
+            compare(testPreviewer._downloadedOnce, false);
+
+            testPreviewer._downloadedOnce = true;
+            compare(testPreviewer._downloadedOnce, true);
+        }
+
+        function test_busyStateTracking() {
+            compare(testPreviewer.busy, false);
+
+            testPreviewer.busy = true;
+            compare(testPreviewer.busy, true);
+
+            testPreviewer.busy = false;
+            compare(testPreviewer.busy, false);
+        }
+
+        function test_refreshDownloadedFlagWithZeroIds() {
+            testPreviewer.accountId = 0;
+            testPreviewer.recordId = 0;
+            testPreviewer._refreshDownloadedFlag();
+            compare(testPreviewer._downloadedOnce, false);
+        }
+    }
+}
diff --git a/tests/qml/tst_modeldownloadtimerwidget.qml b/tests/qml/tst_modeldownloadtimerwidget.qml
new file mode 100644
index 00000000..2ee287a5
--- /dev/null
+++ b/tests/qml/tst_modeldownloadtimerwidget.qml
@@ -0,0 +1,134 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/system"
+
+Item {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(40)
+
+    ModelDownloadTimerWidget {
+        id: testWidget
+    }
+
+    TestCase {
+        name: "ModelDownloadTimerWidgetTests"
+        when: windowShown
+
+        function init() {
+            testWidget.stopSync();
+        }
+
+        function cleanup() {
+            testWidget.stopSync();
+        }
+
+        function test_initialProperties() {
+            compare(testWidget.enableTimesheetTimer, false);
+            compare(testWidget.rotateIcon, false);
+            compare(testWidget.defaultSyncTitle, "Voice Model Download");
+            compare(testWidget.defaultSyncingSubtitle, "Downloading...");
+            compare(testWidget.syncSuccessSubtitle, "Installation complete!");
+            compare(testWidget.defaultSyncFailedText, "Download failed");
+            compare(testWidget.isSyncing, false);
+            compare(testWidget.syncProgress, 0.0);
+        }
+
+        function test_startDownloadViaSync() {
+            testWidget.startSync(1, "Whisper Tiny Model");
+
+            compare(testWidget.isSyncing, true);
+            compare(testWidget.syncAccountId, 1);
+            compare(testWidget.syncAccountName, "Whisper Tiny Model");
+            compare(testWidget.syncProgress, 0.0);
+            compare(testWidget.visible, true);
+        }
+
+        function test_handleDownloadProgressStages() {
+            testWidget.startSync(1, "Whisper Tiny Model");
+
+            testWidget.handleDownloadEvent({ event: "download_progress", payload: 10 });
+            compare(testWidget.syncProgress, 0.10);
+
+            testWidget.handleDownloadEvent({ event: "download_progress", payload: 50 });
+            compare(testWidget.syncProgress, 0.50);
+
+            testWidget.handleDownloadEvent({ event: "download_progress", payload: 90 });
+            compare(testWidget.syncProgress, 0.90);
+
+            testWidget.handleDownloadEvent({ event: "download_progress", payload: 99 });
+            compare(testWidget.syncProgress, 0.99);
+        }
+
+        function test_updateSyncMessageProgression() {
+            testWidget.startSync(1, "Model");
+
+            testWidget.syncProgress = 0.10;
+            testWidget.updateSyncMessage();
+            compare(testWidget.syncStatusMessage, "Initializing download...");
+
+            testWidget.syncProgress = 0.40;
+            testWidget.updateSyncMessage();
+            compare(testWidget.syncStatusMessage, "Downloading model files...");
+
+            testWidget.syncProgress = 0.85;
+            testWidget.updateSyncMessage();
+            compare(testWidget.syncStatusMessage, "Extracting and installing...");
+
+            testWidget.syncProgress = 0.98;
+            testWidget.updateSyncMessage();
+            compare(testWidget.syncStatusMessage, "Installation complete!");
+        }
+
+        function test_handleDownloadMessageCustomText() {
+            testWidget.startSync(1, "Model");
+
+            testWidget.handleDownloadEvent({
+                event: "download_message",
+                payload: "Extracting ggml-tiny.bin..."
+            });
+
+            compare(testWidget.syncStatusMessage, "Extracting ggml-tiny.bin...");
+        }
+
+        function test_handleDownloadCompletedSuccess() {
+            testWidget.startSync(1, "Model");
+
+            testWidget.handleDownloadEvent({ event: "download_completed" });
+
+            compare(testWidget.syncSuccessful, true);
+            compare(testWidget.syncFailed, false);
+            compare(testWidget.syncProgress, 1.0);
+            compare(testWidget.syncStatusMessage, "Installation complete!");
+        }
+
+        function test_handleDownloadErrorFailure() {
+            testWidget.startSync(1, "Model");
+
+            testWidget.handleDownloadEvent({
+                event: "download_error",
+                payload: "Checksum verification failed"
+            });
+
+            compare(testWidget.syncFailed, true);
+            compare(testWidget.syncSuccessful, false);
+            verify(testWidget.syncStatusMessage.indexOf("Checksum verification failed") !== -1);
+        }
+
+        function test_stopSyncCancelsDownload() {
+            testWidget.startSync(1, "Model");
+            testWidget.handleDownloadEvent({ event: "download_progress", payload: 50 });
+            compare(testWidget.isSyncing, true);
+
+            // Cancel action
+            testWidget.stopSync();
+
+            compare(testWidget.isSyncing, false);
+            compare(testWidget.syncProgress, 0.0);
+            compare(testWidget.syncSuccessful, false);
+            compare(testWidget.syncFailed, false);
+            compare(testWidget.visible, false);
+        }
+    }
+}
diff --git a/tests/qml/tst_projectdetailscard.qml b/tests/qml/tst_projectdetailscard.qml
new file mode 100644
index 00000000..83dc663b
--- /dev/null
+++ b/tests/qml/tst_projectdetailscard.qml
@@ -0,0 +1,240 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/cards"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    Item {
+        id: globalTimerWidget
+        signal timerStarted()
+        signal timerStopped()
+        signal timerPaused()
+        signal timerResumed()
+    }
+
+    ProjectDetailsCard {
+        id: testCard
+        localId: 101
+        recordId: 501
+        accountId: 1
+    }
+
+    SignalSpy {
+        id: editRequestedSpy
+        target: testCard
+        signalName: "editRequested"
+    }
+
+    SignalSpy {
+        id: viewRequestedSpy
+        target: testCard
+        signalName: "viewRequested"
+    }
+
+    SignalSpy {
+        id: timesheetRequestedSpy
+        target: testCard
+        signalName: "timesheetRequested"
+    }
+
+    SignalSpy {
+        id: navigationRequestedSpy
+        target: testCard
+        signalName: "navigationRequested"
+    }
+
+    TestCase {
+        name: "ProjectDetailsCardTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testCard.projectName = "";
+            testCard.accountName = "";
+            testCard.allocatedHours = 0;
+            testCard.remainingHours = 0;
+            testCard.startDate = "";
+            testCard.endDate = "";
+            testCard.deadline = "";
+            testCard.description = "";
+            testCard.colorPallet = 0;
+            testCard.recordId = 501;
+            testCard.localId = 101;
+            testCard.accountId = 1;
+            testCard.hasChildren = false;
+            testCard.childCount = 0;
+            testCard.stage = 0;
+            testCard.taskCount = 0;
+            testCard.isFavorite = true;
+            testCard.timer_on = false;
+            testCard.timer_paused = false;
+            testCard.hasDraft = false;
+
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            timesheetRequestedSpy.clear();
+            navigationRequestedSpy.clear();
+        }
+
+        function cleanup() {
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            timesheetRequestedSpy.clear();
+            navigationRequestedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testCard.isFavorite, true);
+            compare(testCard.projectName, "");
+            compare(testCard.accountName, "");
+            compare(testCard.allocatedHours, 0);
+            compare(testCard.remainingHours, 0);
+            compare(testCard.hasChildren, false);
+            compare(testCard.childCount, 0);
+            compare(testCard.hasDraft, false);
+            compare(testCard.timer_on, false);
+            compare(testCard.timer_paused, false);
+            compare(testCard.formattedAccount, "LOCAL");
+        }
+
+        function test_formattedAccountUppercase() {
+            testCard.accountName = "Production";
+            compare(testCard.formattedAccount, "PRODUCTION");
+
+            testCard.accountName = "dev-corp";
+            compare(testCard.formattedAccount, "DEV-CORP");
+
+            testCard.accountName = "";
+            compare(testCard.formattedAccount, "LOCAL");
+        }
+
+        function test_plannedHoursFormatting() {
+            testCard.allocatedHours = 14.5;
+            compare(testCard.plannedHoursText, "14.5h planned");
+
+            testCard.allocatedHours = 20;
+            compare(testCard.plannedHoursText, "20h planned");
+
+            testCard.allocatedHours = 0;
+            compare(testCard.plannedHoursText, "");
+        }
+
+        function test_dateRangeFormattingSameYear() {
+            testCard.startDate = "2026-03-01";
+            testCard.endDate = "2026-03-15";
+            verify(testCard.dateRangeFormatted.indexOf("Mar 1") !== -1 || testCard.dateRangeFormatted.indexOf("03-01") !== -1);
+            verify(testCard.dateRangeFormatted.indexOf("Mar 15") !== -1 || testCard.dateRangeFormatted.indexOf("03-15") !== -1);
+        }
+
+        function test_dateRangeFormattingEndDateOnly() {
+            testCard.startDate = "";
+            testCard.endDate = "2026-12-31";
+            verify(testCard.dateRangeFormatted.indexOf("Dec 31") !== -1 || testCard.dateRangeFormatted.indexOf("12-31") !== -1);
+        }
+
+        function test_timeStatusAndUrgencyIndicators() {
+            // Overdue date in the past
+            testCard.deadline = "2020-01-01";
+            verify(testCard.hasValidTimeStatus);
+            compare(testCard.isOverdue, true);
+            compare(testCard.isDueToday, false);
+
+            // Empty dates -> N/A or invalid
+            testCard.deadline = "";
+            testCard.endDate = "";
+            compare(testCard.hasValidTimeStatus, false);
+        }
+
+        function test_descriptionSnippetSanitization() {
+            testCard.description = "<p>This is a <b>bold</b> project description.</p>";
+            verify(testCard.descriptionSnippet.indexOf("<p>") === -1);
+            verify(testCard.descriptionSnippet.indexOf("project description") !== -1);
+
+            testCard.description = "   Simple Clean Description   ";
+            compare(testCard.descriptionSnippet, "Simple Clean Description");
+
+            testCard.description = "";
+            compare(testCard.descriptionSnippet, "");
+        }
+
+        function test_remainingSubtitleComposition() {
+            testCard.taskCount = 5;
+            testCard.allocatedHours = 10;
+            testCard.hasChildren = true;
+            testCard.childCount = 2;
+            testCard.description = "Sample overview";
+
+            var subtitle = testCard.remainingSubtitle;
+            verify(subtitle.indexOf("5 tasks") !== -1);
+            verify(subtitle.indexOf("10h planned") !== -1);
+            verify(subtitle.indexOf("2 subprojects") !== -1);
+            verify(subtitle.indexOf("Sample overview") !== -1);
+        }
+
+        function test_isStageDoneEvaluation() {
+            testCard.stageName = "Completed";
+            compare(testCard.isStageDone, true);
+
+            testCard.stageName = "Done";
+            compare(testCard.isStageDone, true);
+
+            testCard.stageName = "In Progress";
+            compare(testCard.isStageDone, false);
+
+            testCard.stageName = "";
+            compare(testCard.isStageDone, false);
+        }
+
+        function test_effectiveProjectId() {
+            // Server account (accountId > 0) with recordId > 0
+            testCard.accountId = 1;
+            testCard.recordId = 501;
+            testCard.localId = 101;
+            compare(testCard.effectiveProjectId, 501);
+
+            // Local account (accountId === 0)
+            testCard.accountId = 0;
+            testCard.recordId = 501;
+            testCard.localId = 101;
+            compare(testCard.effectiveProjectId, 101);
+        }
+
+        function test_signalsEmissionDirectCall() {
+            testCard.viewRequested(101);
+            compare(viewRequestedSpy.count, 1);
+            compare(viewRequestedSpy.signalArguments[0][0], 101);
+
+            testCard.editRequested(501);
+            compare(editRequestedSpy.count, 1);
+            compare(editRequestedSpy.signalArguments[0][0], 501);
+
+            testCard.timesheetRequested(101);
+            compare(timesheetRequestedSpy.count, 1);
+            compare(timesheetRequestedSpy.signalArguments[0][0], 101);
+
+            testCard.navigationRequested(501, 1, "Alpha Project");
+            compare(navigationRequestedSpy.count, 1);
+            compare(navigationRequestedSpy.signalArguments[0][0], 501);
+            compare(navigationRequestedSpy.signalArguments[0][1], 1);
+            compare(navigationRequestedSpy.signalArguments[0][2], "Alpha Project");
+        }
+
+        function test_globalTimerWidgetReset() {
+            testCard.timer_on = true;
+            testCard.timer_paused = true;
+
+            globalTimerWidget.timerStopped();
+
+            compare(testCard.timer_on, false);
+            compare(testCard.timer_paused, false);
+        }
+    }
+}
diff --git a/tests/qml/tst_projectlist.qml b/tests/qml/tst_projectlist.qml
new file mode 100644
index 00000000..ba8c3de7
--- /dev/null
+++ b/tests/qml/tst_projectlist.qml
@@ -0,0 +1,199 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/visualization"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    Item {
+        id: accountPicker
+        property int selectedAccountId: 1
+        signal accepted(int id, string name)
+    }
+
+    ProjectList {
+        id: testList
+        anchors.fill: parent
+    }
+
+    SignalSpy {
+        id: projectSelectedSpy
+        target: testList
+        signalName: "projectSelected"
+    }
+
+    SignalSpy {
+        id: projectEditRequestedSpy
+        target: testList
+        signalName: "projectEditRequested"
+    }
+
+    SignalSpy {
+        id: projectDeleteRequestedSpy
+        target: testList
+        signalName: "projectDeleteRequested"
+    }
+
+    SignalSpy {
+        id: projectTimesheetRequestedSpy
+        target: testList
+        signalName: "projectTimesheetRequested"
+    }
+
+    SignalSpy {
+        id: customSearchSpy
+        target: testList
+        signalName: "customSearch"
+    }
+
+    TestCase {
+        name: "ProjectListTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testList.navigationStackModel.clear();
+            testList.currentParentId = -1;
+            testList.currentParentName = "";
+            testList.flatViewMode = false;
+            testList.searchQuery = "";
+            testList.showSearchBox = false;
+
+            projectSelectedSpy.clear();
+            projectEditRequestedSpy.clear();
+            projectDeleteRequestedSpy.clear();
+            projectTimesheetRequestedSpy.clear();
+            customSearchSpy.clear();
+        }
+
+        function cleanup() {
+            projectSelectedSpy.clear();
+            projectEditRequestedSpy.clear();
+            projectDeleteRequestedSpy.clear();
+            projectTimesheetRequestedSpy.clear();
+            customSearchSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testList.currentParentId, -1);
+            compare(testList.currentParentName, "");
+            compare(testList.flatViewMode, false);
+            compare(testList.searchQuery, "");
+            compare(testList.showSearchBox, false);
+            compare(testList.navigationStackModel.count, 0);
+            compare(testList.pageSize, 30);
+        }
+
+        function test_navigateToProjectPushesStack() {
+            testList.navigateToProject(100, 1, "Parent Project A");
+
+            compare(testList.navigationStackModel.count, 1);
+            compare(testList.currentParentId, 100);
+            compare(testList.currentParentName, "Parent Project A");
+            compare(testList.currentAccountId, 1);
+        }
+
+        function test_navigateBackInHierarchyPopsStack() {
+            testList.navigateToProject(100, 1, "Parent Project A");
+            compare(testList.navigationStackModel.count, 1);
+
+            testList.navigateBackInHierarchy();
+
+            compare(testList.navigationStackModel.count, 0);
+            compare(testList.currentParentId, -1);
+            compare(testList.currentParentName, "");
+        }
+
+        function test_multiLevelHierarchyNavigationAndBacktrack() {
+            testList.navigateToProject(100, 1, "Level 1");
+            testList.navigateToProject(200, 1, "Level 2");
+
+            compare(testList.navigationStackModel.count, 2);
+            compare(testList.currentParentId, 200);
+            compare(testList.currentParentName, "Level 2");
+
+            // Backtrack to Level 1
+            testList.navigateBackInHierarchy();
+            compare(testList.navigationStackModel.count, 1);
+            compare(testList.currentParentId, 100);
+            compare(testList.currentParentName, "Level 1");
+
+            // Backtrack to Root
+            testList.navigateBackInHierarchy();
+            compare(testList.navigationStackModel.count, 0);
+            compare(testList.currentParentId, -1);
+        }
+
+        function test_projectActionSignalsEmission() {
+            testList.selectProject(55);
+            compare(projectSelectedSpy.count, 1);
+            compare(projectSelectedSpy.signalArguments[0][0], 55);
+
+            testList.editProject(55);
+            compare(projectEditRequestedSpy.count, 1);
+            compare(projectEditRequestedSpy.signalArguments[0][0], 55);
+
+            testList.requestTimesheet(55);
+            compare(projectTimesheetRequestedSpy.count, 1);
+            compare(projectTimesheetRequestedSpy.signalArguments[0][0], 55);
+
+            testList.projectDeleteRequested(55);
+            compare(projectDeleteRequestedSpy.count, 1);
+            compare(projectDeleteRequestedSpy.signalArguments[0][0], 55);
+        }
+
+        function test_toggleFlatViewMode() {
+            compare(testList.flatViewMode, false);
+
+            testList.toggleFlatView();
+            compare(testList.flatViewMode, true);
+
+            testList.toggleFlatView();
+            compare(testList.flatViewMode, false);
+        }
+
+        function test_searchOperationsAndSignals() {
+            testList.performSearch("Redesign");
+
+            compare(testList.searchQuery, "Redesign");
+            compare(customSearchSpy.count, 1);
+            compare(customSearchSpy.signalArguments[0][0], "Redesign");
+
+            testList.clearSearch();
+
+            compare(testList.searchQuery, "");
+            compare(customSearchSpy.count, 2);
+            compare(customSearchSpy.signalArguments[1][0], "");
+        }
+
+        function test_toggleSearchVisibility() {
+            compare(testList.showSearchBox, false);
+
+            testList.toggleSearchVisibility();
+            compare(testList.showSearchBox, true);
+
+            testList.toggleSearchVisibility();
+            compare(testList.showSearchBox, false);
+        }
+
+        function test_handleAccountChangedResetsNavigation() {
+            testList.navigateToProject(100, 1, "Level 1");
+            compare(testList.navigationStackModel.count, 1);
+
+            testList.handleAccountChanged(2);
+
+            compare(testList.currentAccountId, 2);
+            compare(testList.currentParentId, -1);
+            compare(testList.currentParentName, "");
+            compare(testList.navigationStackModel.count, 0);
+            compare(testList.searchQuery, "");
+        }
+    }
+}
diff --git a/tests/qml/tst_projectpiechart.qml b/tests/qml/tst_projectpiechart.qml
new file mode 100644
index 00000000..e7926500
--- /dev/null
+++ b/tests/qml/tst_projectpiechart.qml
@@ -0,0 +1,100 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import QtCharts 2.0
+import "../../qml/components/visualization"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    Item {
+        id: accountPicker
+        property int selectedAccountId: 1
+        signal accepted(int id, string name)
+    }
+
+    ProjectPieChart {
+        id: testChart
+        anchors.fill: parent
+    }
+
+    TestCase {
+        name: "ProjectPieChartTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testChart.load([]);
+        }
+
+        function cleanup() {
+            testChart.load([]);
+        }
+
+        function test_initialProperties() {
+            compare(testChart.autoRefreshOnAccountChange, true);
+            compare(testChart.selectedUserId, -1);
+        }
+
+        function test_loadEmptyDataSetsNoDataTitle() {
+            testChart.load([]);
+
+            // chartTitle is updated to show "(No Data)"
+            verify(testChart.implicitHeight > 0);
+        }
+
+        function test_loadSingleProject() {
+            var data = [
+                { name: "Website Redesign", spentHours: 25.0 }
+            ];
+
+            testChart.load(data);
+
+            // Chart should now be loaded with the project
+            verify(testChart.implicitHeight > 0);
+        }
+
+        function test_loadMultipleProjectsSorting() {
+            var data = [
+                { name: "Small Task", spentHours: 2.0 },
+                { name: "Big Project", spentHours: 40.0 },
+                { name: "Medium Task", spentHours: 15.0 }
+            ];
+
+            testChart.load(data);
+
+            verify(testChart.implicitHeight > 0);
+        }
+
+        function test_loadMoreThanTenProjectsAggregatesOthers() {
+            var data = [];
+            for (var i = 1; i <= 15; i++) {
+                data.push({
+                    name: "Project " + i,
+                    spentHours: 10 + i
+                });
+            }
+
+            testChart.load(data);
+
+            verify(testChart.implicitHeight > 0);
+        }
+
+        function test_refreshForAccountExecution() {
+            // refreshForAccount should fetch and load without crashing
+            testChart.refreshForAccount(1, "2026-01-01", "2026-12-31", -1);
+            verify(testChart.selectedAccountId !== undefined);
+        }
+
+        function test_accountPickerAcceptedEvent() {
+            accountPicker.accepted(2, "Workspace Two");
+            verify(testChart.selectedAccountId !== undefined);
+        }
+    }
+}
diff --git a/tests/qml/tst_updatesdetailscard.qml b/tests/qml/tst_updatesdetailscard.qml
new file mode 100644
index 00000000..ec22ce35
--- /dev/null
+++ b/tests/qml/tst_updatesdetailscard.qml
@@ -0,0 +1,159 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/cards"
+import "../../models/dbinit.js" as DbInit
+
+MainView {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(80)
+
+    UpdatesDetailsCard {
+        id: testCard
+        account_id: 1
+        recordId: 301
+    }
+
+    SignalSpy {
+        id: showDescriptionSpy
+        target: testCard
+        signalName: "showDescription"
+    }
+
+    SignalSpy {
+        id: editRequestedSpy
+        target: testCard
+        signalName: "editRequested"
+    }
+
+    SignalSpy {
+        id: viewRequestedSpy
+        target: testCard
+        signalName: "viewRequested"
+    }
+
+    SignalSpy {
+        id: deleteRequestedSpy
+        target: testCard
+        signalName: "deleteRequested"
+    }
+
+    TestCase {
+        name: "UpdatesDetailsCardTests"
+        when: windowShown
+
+        function initTestCase() {
+            DbInit.initializeDatabase();
+        }
+
+        function init() {
+            testCard.name = "";
+            testCard.project_id = "";
+            testCard.status = "";
+            testCard.progress = 0;
+            testCard.description = "";
+            testCard.user = "";
+            testCard.date = "";
+            testCard.recordId = 301;
+            testCard.account_id = 1;
+            testCard.colorPallet = 0;
+            testCard.hasDraft = false;
+
+            showDescriptionSpy.clear();
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            deleteRequestedSpy.clear();
+        }
+
+        function cleanup() {
+            showDescriptionSpy.clear();
+            editRequestedSpy.clear();
+            viewRequestedSpy.clear();
+            deleteRequestedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testCard.name, "");
+            compare(testCard.project_id, "");
+            compare(testCard.status, "");
+            compare(testCard.progress, 0);
+            compare(testCard.description, "");
+            compare(testCard.user, "");
+            compare(testCard.date, "");
+            compare(testCard.hasDraft, false);
+            compare(testCard.recordId, 301);
+            compare(testCard.account_id, 1);
+        }
+
+        function test_updateSummaryAndProgressProperties() {
+            testCard.name = "Weekly Sprint Update";
+            testCard.description = "Completed milestone 3 and backend integration";
+            testCard.progress = 65;
+            testCard.date = "2026-10-15";
+            testCard.user = "42";
+
+            compare(testCard.name, "Weekly Sprint Update");
+            compare(testCard.description, "Completed milestone 3 and backend integration");
+            compare(testCard.progress, 65);
+            compare(testCard.date, "2026-10-15");
+            compare(testCard.user, "42");
+        }
+
+        function test_statusBadgeValues() {
+            testCard.status = "on_track";
+            compare(testCard.status, "on_track");
+
+            testCard.status = "at_risk";
+            compare(testCard.status, "at_risk");
+
+            testCard.status = "off_track";
+            compare(testCard.status, "off_track");
+
+            testCard.status = "on_hold";
+            compare(testCard.status, "on_hold");
+        }
+
+        function test_draftIndicatorProperty() {
+            testCard.hasDraft = true;
+            compare(testCard.hasDraft, true);
+
+            testCard.hasDraft = false;
+            compare(testCard.hasDraft, false);
+        }
+
+        function test_cardClickEmitsViewRequested() {
+            testCard.account_id = 2;
+            testCard.recordId = 999;
+
+            testCard.clicked();
+
+            compare(viewRequestedSpy.count, 1);
+            compare(viewRequestedSpy.signalArguments[0][0], 2);
+            compare(viewRequestedSpy.signalArguments[0][1], 999);
+        }
+
+        function test_showDescriptionSignalEmission() {
+            testCard.name = "Release 1.0";
+            testCard.description = "Everything tested and deployed.";
+
+            testCard.showDescription("<h1>" + testCard.name + "</h1>" + testCard.description);
+
+            compare(showDescriptionSpy.count, 1);
+            var emittedText = showDescriptionSpy.signalArguments[0][0];
+            verify(emittedText.indexOf("<h1>Release 1.0</h1>") !== -1);
+            verify(emittedText.indexOf("Everything tested and deployed.") !== -1);
+        }
+
+        function test_actionSignalsDirectCalls() {
+            testCard.editRequested(5, 777);
+            compare(editRequestedSpy.count, 1);
+            compare(editRequestedSpy.signalArguments[0][0], 5);
+            compare(editRequestedSpy.signalArguments[0][1], 777);
+
+            testCard.deleteRequested(888);
+            compare(deleteRequestedSpy.count, 1);
+            compare(deleteRequestedSpy.signalArguments[0][0], 888);
+        }
+    }
+}
diff --git a/tests/qml/tst_voicetimerwidget.qml b/tests/qml/tst_voicetimerwidget.qml
new file mode 100644
index 00000000..6a750233
--- /dev/null
+++ b/tests/qml/tst_voicetimerwidget.qml
@@ -0,0 +1,98 @@
+import QtQuick 2.7
+import QtTest 1.0
+import Lomiri.Components 1.3
+import "../../qml/components/system"
+
+Item {
+    id: testRoot
+    width: units.gu(50)
+    height: units.gu(40)
+
+    VoiceTimerWidget {
+        id: testWidget
+    }
+
+    SignalSpy {
+        id: stopClickedSpy
+        target: testWidget
+        signalName: "stopClicked"
+    }
+
+    TestCase {
+        name: "VoiceTimerWidgetTests"
+        when: windowShown
+
+        function init() {
+            testWidget.isListening = false;
+            testWidget.isProcessing = false;
+            testWidget.partialText = "";
+            testWidget.voiceStatus = "";
+            stopClickedSpy.clear();
+        }
+
+        function cleanup() {
+            testWidget.isListening = false;
+            testWidget.isProcessing = false;
+            stopClickedSpy.clear();
+        }
+
+        function test_initialProperties() {
+            compare(testWidget.isListening, false);
+            compare(testWidget.isProcessing, false);
+            compare(testWidget.visible, false);
+            compare(testWidget.partialText, "");
+            compare(testWidget.voiceStatus, "");
+        }
+
+        function test_listeningStateMakesWidgetVisible() {
+            testWidget.isListening = true;
+            testWidget.isProcessing = false;
+
+            compare(testWidget.visible, true);
+        }
+
+        function test_processingStateMakesWidgetVisible() {
+            testWidget.isListening = false;
+            testWidget.isProcessing = true;
+
+            compare(testWidget.visible, true);
+        }
+
+        function test_bothActiveMakesWidgetVisible() {
+            testWidget.isListening = true;
+            testWidget.isProcessing = true;
+
+            compare(testWidget.visible, true);
+        }
+
+        function test_idleStateHidesWidget() {
+            testWidget.isListening = true;
+            compare(testWidget.visible, true);
+
+            testWidget.isListening = false;
+            testWidget.isProcessing = false;
+            compare(testWidget.visible, false);
+        }
+
+        function test_voiceStatusAndPartialTextContent() {
+            testWidget.voiceStatus = "Listening";
+            testWidget.partialText = "Create project task";
+
+            compare(testWidget.voiceStatus, "Listening");
+            compare(testWidget.partialText, "Create project task");
+        }
+
+        function test_stopClickedSignalEmission() {
+            testWidget.stopClicked();
+
+            compare(stopClickedSpy.count, 1);
+        }
+
+        function test_dimensionsAndStyling() {
+            compare(testWidget.color, "#2d2d2d");
+            verify(testWidget.width > 0);
+            verify(testWidget.height > 0);
+            verify(testWidget.radius > 0);
+        }
+    }
+}

From 2b9a2fada5df4d21ccdd52e4b1e13f3a7c611b2d Mon Sep 17 00:00:00 2001
From: Parvathy Nair <parvathyabnair0203@gmail.com>
Date: Mon, 19 Oct 2026 15:37:33 +0530
Subject: [PATCH 2/2] Resolved the requested changes

---
 .../visualization/ProjectPieChart.qml         |  3 +++
 tests/qml/QtCharts/PieSeries.qml              |  2 +-
 tests/qml/README.md                           | 24 +++++++++++++++++++
 tests/qml/tst_activitydetailscard.qml         |  8 +++----
 tests/qml/tst_projectpiechart.qml             | 21 ++++++++++++++++
 5 files changed, 53 insertions(+), 5 deletions(-)

diff --git a/qml/components/visualization/ProjectPieChart.qml b/qml/components/visualization/ProjectPieChart.qml
index 7559b4ee..2b1f654f 100644
--- a/qml/components/visualization/ProjectPieChart.qml
+++ b/qml/components/visualization/ProjectPieChart.qml
@@ -41,6 +41,9 @@ Item {
     property var selectedUserId: -1
     property bool autoRefreshOnAccountChange: true
 
+    property alias chartTitleText: chartTitle.text
+    property alias series: pieSeries
+
     // Custom styled title overlay
     Text {
         id: chartTitle
diff --git a/tests/qml/QtCharts/PieSeries.qml b/tests/qml/QtCharts/PieSeries.qml
index 8f41e078..a77cb796 100644
--- a/tests/qml/QtCharts/PieSeries.qml
+++ b/tests/qml/QtCharts/PieSeries.qml
@@ -30,7 +30,7 @@ Item {
             angleSpan: 45
         });
 
-        slices.push(sliceObj);
+        slices = slices.concat([sliceObj]);
         return sliceObj;
     }
 
diff --git a/tests/qml/README.md b/tests/qml/README.md
index ee476103..e7077c25 100644
--- a/tests/qml/README.md
+++ b/tests/qml/README.md
@@ -22,6 +22,13 @@ clickable test -- -functions test_openDisplaysMessageAndEmitsSignal
 tests/
 ├── qml/
 │   ├── README.md                  # This guide
+│   ├── QtCharts/                  # Mock QtCharts module for headless/unit test execution
+│   │   ├── qmldir                 # Module definition registering mock ChartView, PieSeries, etc.
+│   │   ├── ChartView.qml          # Mock ChartView container component
+│   │   ├── Legend.qml             # Mock Legend component
+│   │   ├── Margins.qml            # Mock Margins component
+│   │   ├── PieSeries.qml          # Mock PieSeries component with slice management
+│   │   └── PieSlice.qml           # Mock PieSlice component with slice properties
 │   ├── models/                    # JavaScript core and model test suites
 │   │   ├── tst_accounts.qml       # Test suite for account management, defaults, sync settings, and deletion
 │   │   ├── tst_activity.qml       # Test suite for activity data, sanitizeId, type icons, date filters, and CRUD
@@ -90,6 +97,23 @@ tests/
 
 Clickable automatically discovers all files matching `tst_*.qml` under `tests/qml/` as configured in `clickable.yaml`.
 
+## Mocking Native Modules via `-import tests/qml`
+
+Components that depend on native or platform modules (such as `QtCharts 2.0`) can be tested headlessly without requiring native C++ Qt plugin binaries or display servers.
+
+In `clickable.yaml`, test execution is configured with:
+
+```bash
+test: qmltestrunner -input tests/qml -import tests/qml
+```
+
+The `-import tests/qml` option instructs the QML engine's import resolver to look inside `tests/qml/` for QML modules. When a component or test executes `import QtCharts 2.0`, QML finds `tests/qml/QtCharts/qmldir` and resolves `ChartView`, `PieSeries`, `PieSlice`, `Legend`, and `Margins` to the mock QML implementations in `tests/qml/QtCharts/`.
+
+This mechanism allows:
+- Testing chart-dependent components (e.g., `ProjectPieChart`, `EHower`) in headless CI/CD environments.
+- Simulating slice interactions, hover events, and animations in pure QML without GPU requirements.
+- Fast execution and complete isolation from native charting backend state.
+
 ## Anatomy of a QML Test Case
 
 Every test file follows this standard template:
diff --git a/tests/qml/tst_activitydetailscard.qml b/tests/qml/tst_activitydetailscard.qml
index 060c2b46..f7abb2b6 100644
--- a/tests/qml/tst_activitydetailscard.qml
+++ b/tests/qml/tst_activitydetailscard.qml
@@ -167,11 +167,11 @@ MainView {
             testCard.state = "";
             compare(testCard.isActivityDueToday(), false);
 
-            // Set today's date formatted as YYYY-MM-DD
+            // Set today's date formatted as YYYY-MM-DD using local date components to match isActivityDueToday()
             var now = new Date();
-            var yyyy = now.getUTCFullYear();
-            var mm = String(now.getUTCMonth() + 1).padStart(2, '0');
-            var dd = String(now.getUTCDate()).padStart(2, '0');
+            var yyyy = now.getFullYear();
+            var mm = String(now.getMonth() + 1).padStart(2, '0');
+            var dd = String(now.getDate()).padStart(2, '0');
             var todayStr = yyyy + "-" + mm + "-" + dd;
 
             testCard.due_date = todayStr;
diff --git a/tests/qml/tst_projectpiechart.qml b/tests/qml/tst_projectpiechart.qml
index e7926500..caf867ed 100644
--- a/tests/qml/tst_projectpiechart.qml
+++ b/tests/qml/tst_projectpiechart.qml
@@ -46,6 +46,8 @@ MainView {
             testChart.load([]);
 
             // chartTitle is updated to show "(No Data)"
+            verify(testChart.chartTitleText.indexOf("(No Data)") !== -1);
+            compare(testChart.series.count, 0);
             verify(testChart.implicitHeight > 0);
         }
 
@@ -57,6 +59,11 @@ MainView {
             testChart.load(data);
 
             // Chart should now be loaded with the project
+            verify(testChart.chartTitleText.indexOf("(No Data)") === -1);
+            compare(testChart.series.count, 1);
+            var slice = testChart.series.at(0);
+            compare(slice.label, "Website Redesign (100.0%)");
+            compare(slice.value, 25.0);
             verify(testChart.implicitHeight > 0);
         }
 
@@ -69,6 +76,14 @@ MainView {
 
             testChart.load(data);
 
+            // Slices should be sorted descending by spentHours: Big Project (40), Medium Task (15), Small Task (2)
+            compare(testChart.series.count, 3);
+            compare(testChart.series.at(0).value, 40.0);
+            verify(testChart.series.at(0).label.indexOf("Big Project") !== -1);
+            compare(testChart.series.at(1).value, 15.0);
+            verify(testChart.series.at(1).label.indexOf("Medium Task") !== -1);
+            compare(testChart.series.at(2).value, 2.0);
+            verify(testChart.series.at(2).label.indexOf("Small Task") !== -1);
             verify(testChart.implicitHeight > 0);
         }
 
@@ -83,6 +98,12 @@ MainView {
 
             testChart.load(data);
 
+            // Top 10 projects + 1 aggregated "Others" slice = 11 slices total
+            compare(testChart.series.count, 11);
+            var othersSlice = testChart.series.at(10);
+            verify(othersSlice.label.indexOf("Others") !== -1);
+            // Items past top 10 (sorted descending: 25..16 are top 10; remaining 15+14+13+12+11 = 65)
+            compare(othersSlice.value, 65.0);
             verify(testChart.implicitHeight > 0);
         }