e2e tests

Author: iseabock

src/applications/mhv-medications/components/MedicationList/MedicationListFilter.jsx

@@ -79,32 +79,6 @@ const MedicationListFilter = ({ updateFilter, isLoading, filterCount }) => {
     [filterOption],
   );
 
-  // Bold the selected radio option label
-  useEffect(
-    () => {
-      const boldSelectedLabel = () => {
-        const container = document.querySelector(
-          '[data-testid="medication-list-filter"]',
-        );
-        if (!container) return;
-        const options = container.querySelectorAll('va-radio-option');
-        options.forEach(option => {
-          const label = option.querySelector('label');
-          if (label) {
-            label.style.fontWeight =
-              option.getAttribute('value') === selectedFilterOption
-                ? 'bold'
-                : '';
-          }
-        });
-      };
-      // Delay to allow Stencil web components to finish rendering
-      const timer = setTimeout(boldSelectedLabel, 100);
-      return () => clearTimeout(timer);
-    },
-    [selectedFilterOption],
-  );
-
   const handleFilterOptionChange = ({ detail }) => {
     setSelectedFilterOption(detail.value);
   };

src/applications/mhv-medications/sass/medications.scss

@@ -2,7 +2,7 @@
 @import "./prescription-details";
 @import "./print-download";
 
-.medication-list-filter {
+.medication-list-filter-panel {
   va-radio {
     width: max-content;
 
@@ -11,7 +11,9 @@
     }
   }
 
-
+  va-radio-option input[type="radio"]:checked + label {
+    font-weight: bold !important;
+  }
 }
 
 // Side-by-side layout for filter + results on the Medication History page