Wrap in label

frontend/src/app/features/work-packages/components/filters/filter-boolean-value/filter-boolean-value.component.html

@@ -1,6 +1,7 @@
-<spot-switch
-  id="div-values-{{filter.id}}"
-  [checked]="value"
-  name="v[{{filter.name}}]"
-  (checkedChanged)="onFilterUpdated($event)"
-></spot-switch>
+<label id="div-values-{{filter.id}}">
+  <spot-switch
+    name="v[{{filter.name}}]"
+    [ngModel]="value"
+    (ngModelChange)="onFilterUpdated($event)"
+  ></spot-switch>
+</label>

spec/features/work_packages/table/queries/bool_cf_filter_spec.rb

@@ -103,7 +103,7 @@ describe 'Work package filtering by bool custom field', js: true do
     filters.open
 
     # Inverting the filter
-    page.find("#div-values-customField#{bool_cf.id} label").click
+    page.find("#div-values-customField#{bool_cf.id} [data-qa-selector='spot-switch-handle']").click
 
     wp_table.ensure_work_package_not_listed!(work_package_true)
     wp_table.expect_work_package_listed(work_package_false, work_package_without, work_package_other_type)