Fix unit tests and use trueLabel not onLabel to not confuse vue mocks

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;
     },
   },
 

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">

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: "" },
   },