CSS class updates for selenium tests

Author: labkey-martyp

EHR_App/test/src/org/labkey/test/pages/ReactAnimalHistoryPage.java

@@ -402,23 +402,23 @@ public class ElementCache extends LabKeyPage<ElementCache>.ElementCache
     public static class Locators
     {
         public static final Locator SEARCH_BY_ID_PANEL = Locator.css(".search-by-id-panel");
-        public static final Locator ANIMAL_ID_TEXTAREA = Locator.css(".animal-id-input");
-        public static final Locator SEARCH_BY_IDS_BUTTON = Locator.css(".search-button");
-        public static final Locator SEARCH_BY_IDS_BUTTON_ACTIVE = Locator.css(".search-button.active");
-        public static final Locator ALL_ANIMALS_BUTTON = Locator.css(".filter-button.all-animals");
-        public static final Locator ALL_ANIMALS_BUTTON_ACTIVE = Locator.css(".filter-button.all-animals.active");
-        public static final Locator ALIVE_AT_CENTER_BUTTON = Locator.css(".filter-button.alive-at-center");
-        public static final Locator ALIVE_AT_CENTER_BUTTON_ACTIVE = Locator.css(".filter-button.alive-at-center.active");
-        public static final Locator ALIVE_AT_CENTER_BUTTON_ENABLED = Locator.css(".filter-button.alive-at-center:not(:disabled)");
+        public static final Locator ANIMAL_ID_TEXTAREA = Locator.css(".search-by-id-panel__input");
+        public static final Locator SEARCH_BY_IDS_BUTTON = Locator.css(".search-by-id-panel__search-button");
+        public static final Locator SEARCH_BY_IDS_BUTTON_ACTIVE = Locator.css(".search-by-id-panel__search-button--active");
+        public static final Locator ALL_ANIMALS_BUTTON = Locator.css(".search-by-id-panel__filter-button--all-animals");
+        public static final Locator ALL_ANIMALS_BUTTON_ACTIVE = Locator.css(".search-by-id-panel__filter-button--all-animals.search-by-id-panel__filter-button--active");
+        public static final Locator ALIVE_AT_CENTER_BUTTON = Locator.css(".search-by-id-panel__filter-button--alive-at-center");
+        public static final Locator ALIVE_AT_CENTER_BUTTON_ACTIVE = Locator.css(".search-by-id-panel__filter-button--alive-at-center.search-by-id-panel__filter-button--active");
+        public static final Locator ALIVE_AT_CENTER_BUTTON_ENABLED = Locator.css(".search-by-id-panel__filter-button--alive-at-center:not(:disabled)");
         public static final Locator REPORT_TARGET = Locator.css(".tabbed-report-panel .report-target");
         public static final Locator ID_RESOLUTION_FEEDBACK = Locator.css(".id-resolution-feedback");
-        public static final Locator RESOLVED_SECTION_TITLE = Locator.css(".id-resolution-feedback .section-title.resolved");
-        public static final Locator NOT_FOUND_SECTION_TITLE = Locator.css(".id-resolution-feedback .section-title.not-found");
-        public static final Locator RESOLVED_ITEMS = Locator.css(".id-resolution-feedback .section .items .resolved-item");
-        public static final Locator NOT_FOUND_ITEMS = Locator.css(".id-resolution-feedback .section .items .not-found-item");
+        public static final Locator RESOLVED_SECTION_TITLE = Locator.css(".id-resolution-feedback__section-title--resolved");
+        public static final Locator NOT_FOUND_SECTION_TITLE = Locator.css(".id-resolution-feedback__section-title--not-found");
+        public static final Locator RESOLVED_ITEMS = Locator.css(".id-resolution-feedback__item--resolved");
+        public static final Locator NOT_FOUND_ITEMS = Locator.css(".id-resolution-feedback__item--not-found");
         public static final Locator CATEGORY_TAB = Locator.css(".tabbed-report-panel .category-tabs button");
         public static final Locator REPORT_TAB = Locator.css(".tabbed-report-panel .report-tabs button");
-        public static final Locator VALIDATION_ERROR = Locator.css(".search-by-id-panel .validation-error");
-        public static final Locator EMPTY_STATE_PLACEHOLDER = Locator.css(".tabbed-report-panel .empty-state-placeholder");
+        public static final Locator VALIDATION_ERROR = Locator.css(".search-by-id-panel__validation-error");
+        public static final Locator EMPTY_STATE_PLACEHOLDER = Locator.css(".tabbed-report-panel__empty-state");
     }
 }

labkey-ui-ehr/src/ParticipantHistory/SearchByIdPanel/SearchByIdPanel.tsx

@@ -196,10 +196,14 @@ const SearchByIdPanelComponent: FC<SearchByIdPanelProps> = ({
                         Search By Ids
                     </button>
                     <button
-                        className={classNames('search-by-id-panel__filter-button', {
-                            'search-by-id-panel__filter-button--active': filterType === FILTER_TYPE_ALL,
-                            'search-by-id-panel__filter-button--inactive': filterType !== FILTER_TYPE_ALL,
-                        })}
+                        className={classNames(
+                            'search-by-id-panel__filter-button',
+                            'search-by-id-panel__filter-button--all-animals',
+                            {
+                                'search-by-id-panel__filter-button--active': filterType === FILTER_TYPE_ALL,
+                                'search-by-id-panel__filter-button--inactive': filterType !== FILTER_TYPE_ALL,
+                            }
+                        )}
                         onClick={() => handleFilterModeChange(FILTER_TYPE_ALL)}
                     >
                         All Animals

labkey-ui-ehr/src/ParticipantHistory/TabbedReportPanel/JSReportWrapper.tsx

@@ -219,7 +219,7 @@ const JSReportWrapperComponent: FC<JSReportWrapperProps> = ({ report, filters })
         };
     }, [tab, report]);
 
-    return <div className="js-report-wrapper__target" ref={targetRef} />;
+    return <div className="js-report-wrapper__target report-target" ref={targetRef} />;
 };
 
 JSReportWrapperComponent.displayName = 'JSReportWrapper';

labkey-ui-ehr/src/ParticipantHistory/TabbedReportPanel/OtherReportWrapper.tsx

@@ -89,7 +89,7 @@ const OtherReportWrapperComponent: FC<OtherReportWrapperProps> = ({ report, filt
 
     return (
         <>
-            <div className="other-report-wrapper__target" ref={targetRef} />
+            <div className="other-report-wrapper__target report-target" ref={targetRef} />
             <div className="other-report-wrapper__content" id={targetId} ref={otherReportRef} />
         </>
     );

labkey-ui-ehr/src/ParticipantHistory/TabbedReportPanel/QueryReportWrapper.tsx

@@ -50,7 +50,7 @@ const QueryReportWrapperComponent: FC<QueryReportWrapperProps> = ({ report, filt
         };
     }, [tab, report]);
 
-    return <div className="query-report-wrapper__target" ref={targetRef} />;
+    return <div className="query-report-wrapper__target report-target" ref={targetRef} />;
 };
 
 QueryReportWrapperComponent.displayName = 'QueryReportWrapper';