Move Switch lock icon testID to CONST

Author: allgandalf

src/CONST/index.ts

@@ -5926,6 +5926,7 @@ const CONST = {
 
     DOT_INDICATOR_TEST_ID: 'DotIndicator',
     ANIMATED_COLLAPSIBLE_CONTENT_TEST_ID: 'animated-collapsible-content',
+    SWITCH_LOCK_ICON_TEST_ID: 'SwitchLockIcon',
 
     HORIZONTAL_SPACER: {
         DEFAULT_BORDER_BOTTOM_WIDTH: 1,

src/components/Switch.tsx

@@ -36,8 +36,6 @@ const OFFSET_X = {
     ON: 20,
 };
 
-const SWITCH_LOCK_ICON_TEST_ID = 'SwitchLockIcon';
-
 function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, disabledAction, isNested}: SwitchProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
@@ -127,7 +125,7 @@ function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, dis
                 <Animated.View style={[styles.switchThumb, animatedThumbStyle]}>
                     {(!!disabled || !!showLockIcon) && (
                         <Icon
-                            testID={SWITCH_LOCK_ICON_TEST_ID}
+                            testID={CONST.SWITCH_LOCK_ICON_TEST_ID}
                             src={expensifyIcons.Lock}
                             fill={isOn ? theme.text : theme.icon}
                             width={styles.toggleSwitchLockIcon.width}
@@ -141,4 +139,3 @@ function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, dis
 }
 
 export default Switch;
-export {SWITCH_LOCK_ICON_TEST_ID};

tests/ui/WorkspaceTravelInvoicingSectionTest.tsx

@@ -6,7 +6,6 @@ import ComposeProviders from '@components/ComposeProviders';
 import {CurrencyListContextProvider} from '@components/CurrencyListContextProvider';
 import {LocaleContextProvider} from '@components/LocaleContextProvider';
 import OnyxListItemProvider from '@components/OnyxListItemProvider';
-import {SWITCH_LOCK_ICON_TEST_ID} from '@components/Switch';
 import {payTravelInvoicingSpend} from '@libs/actions/TravelInvoicing';
 import {getTravelInvoicingCardSettingsKey} from '@libs/TravelInvoicingUtils';
 import WorkspaceTravelInvoicingSection from '@pages/workspace/travel/WorkspaceTravelInvoicingSection';
@@ -527,7 +526,7 @@ describe('WorkspaceTravelInvoicingSection', () => {
             await waitForBatchedUpdatesWithAct();
 
             // The lock stays on the toggle since the feature can't be turned off until the balance is paid
-            expect(screen.getByTestId(SWITCH_LOCK_ICON_TEST_ID, {includeHiddenElements: true})).toBeTruthy();
+            expect(screen.getByTestId(CONST.SWITCH_LOCK_ICON_TEST_ID, {includeHiddenElements: true})).toBeTruthy();
         });
 
         it('does not show the toggle lock icon when the balance is paid', async () => {
@@ -548,7 +547,7 @@ describe('WorkspaceTravelInvoicingSection', () => {
             renderWorkspaceTravelInvoicingSection();
             await waitForBatchedUpdatesWithAct();
 
-            expect(screen.queryByTestId(SWITCH_LOCK_ICON_TEST_ID, {includeHiddenElements: true})).toBeNull();
+            expect(screen.queryByTestId(CONST.SWITCH_LOCK_ICON_TEST_ID, {includeHiddenElements: true})).toBeNull();
         });
     });