From 58dd3f2afe7a8d8642f571b0e6f20137e951b93c Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Tue, 23 Jun 2026 16:32:39 +0100
Subject: [PATCH] Fix unit tests and use trueLabel not onLabel to not confuse
 vue mocks

---
 webapp/src/components/genericComponents/toggleSwitch.vue  | 8 ++++----
 .../controlComponents/captureControl.vue                  | 4 ++--
 webapp/src/tests/unit/overrides.js                        | 3 +++
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/webapp/src/components/genericComponents/toggleSwitch.vue b/webapp/src/components/genericComponents/toggleSwitch.vue
index 2bb4dbe0..a3fb6746 100644
--- a/webapp/src/components/genericComponents/toggleSwitch.vue
+++ b/webapp/src/components/genericComponents/toggleSwitch.vue
@@ -20,12 +20,12 @@ export default {
       type: String,
       default: undefined,
     },
-    offLabel: {
+    falseLabel: {
       required: false,
       type: String,
       default: undefined,
     },
-    onLabel: {
+    trueLabel: {
       required: false,
       type: String,
       default: undefined,
@@ -36,10 +36,10 @@ export default {
 
   computed: {
     showStateLabel() {
-      return this.onLabel !== undefined && this.offLabel !== undefined;
+      return this.trueLabel !== undefined && this.falseLabel !== undefined;
     },
     stateLabelText() {
-      return this.modelValue ? this.onLabel : this.offLabel;
+      return this.modelValue ? this.trueLabel : this.falseLabel;
     },
   },
 
diff --git a/webapp/src/components/tabContentComponents/controlComponents/captureControl.vue b/webapp/src/components/tabContentComponents/controlComponents/captureControl.vue
index 21029c6a..ba3affd7 100644
--- a/webapp/src/components/tabContentComponents/controlComponents/captureControl.vue
+++ b/webapp/src/components/tabContentComponents/controlComponents/captureControl.vue
@@ -5,8 +5,8 @@
     <toggle-switch
       v-model="saveToGallery"
       label-text="Save to Gallery?"
-      on-label="Saving"
-      off-label="Downloading"
+      true-label="Saving"
+      false-label="Downloading"
     />
 
     <div class="uk-margin">
diff --git a/webapp/src/tests/unit/overrides.js b/webapp/src/tests/unit/overrides.js
index bce3a3c7..53797e78 100644
--- a/webapp/src/tests/unit/overrides.js
+++ b/webapp/src/tests/unit/overrides.js
@@ -54,6 +54,9 @@ export const componentOverrides = {
   "matrixDisplay.vue": {
     props: { matrix: [] },
   },
+  "toggleSwitch.vue": {
+    props: { modelValue: true },
+  },
   "actionProgressBar.vue": {
     props: { taskStatus: "" },
   },