♻️replace data-test-id by data-testid

LedgerHQ · Jul 25, 2024 · f6a607d · f6a607d
1 parent 58c4bee
commit f6a607d
Show file tree

Hide file tree

Showing 211 changed files with 350 additions and 372 deletions.
diff --git a/apps/ledger-live-desktop/src/renderer/components/BalanceInfos/index.tsx b/apps/ledger-live-desktop/src/renderer/components/BalanceInfos/index.tsx
@@ -103,7 +103,7 @@ export function BalanceTotal({
               showCode
               val={totalBalance}
               dynamicSignificantDigits={dynamicSignificantDigits}
-              data-test-id="total-balance"
+              data-testid="total-balance"
             />
           )}
           {withTransactionsPendingConfirmationWarning ? (
@@ -160,11 +160,11 @@ export default function BalanceInfos({ totalBalance, valueChange, isAvailable, u
 
         {!portfolioExchangeBanner?.enabled && (
           <>
-            <Button data-test-id="portfolio-buy-button" variant="color" mr={1} onClick={onBuy}>
+            <Button data-testid="portfolio-buy-button" variant="color" mr={1} onClick={onBuy}>
               {t("accounts.contextMenu.buy")}
             </Button>
             <Button
-              data-test-id="portfolio-swap-button"
+              data-testid="portfolio-swap-button"
               variant="color"
               event="button_clicked2"
               eventProperties={{

diff --git a/apps/ledger-live-desktop/src/renderer/components/BigSpinner.tsx b/apps/ledger-live-desktop/src/renderer/components/BigSpinner.tsx
@@ -27,7 +27,7 @@ export const Rotating = styled(Box)<{
 `;
 export default function BigSpinner({ size, ...props }: { size: number; isRotating?: boolean }) {
   return (
-    <Rotating size={size} data-test-id="big-loading-spinner" {...props}>
+    <Rotating size={size} data-testid="big-loading-spinner" {...props}>
       <IconBigSpinner size={size} />
     </Rotating>
   );

diff --git a/apps/ledger-live-desktop/src/renderer/components/ButtonV3.tsx b/apps/ledger-live-desktop/src/renderer/components/ButtonV3.tsx
@@ -49,7 +49,7 @@ function Button({
       {...rest}
       disabled={disabled}
       onClick={isClickDisabled ? undefined : onClickHandler}
-      data-test-id={buttonTestId}
+      data-testid={buttonTestId}
       ref={null}
     >
       {children}

diff --git a/apps/ledger-live-desktop/src/renderer/components/Carousel/index.tsx b/apps/ledger-live-desktop/src/renderer/components/Carousel/index.tsx
@@ -216,7 +216,7 @@ const Carousel = ({
 
   return (
     <CarouselWrapper
-      data-test-id="carousel"
+      data-testid="carousel"
       onMouseEnter={() => setPaused(true)}
       onMouseLeave={() => setPaused(false)}
     >
@@ -234,7 +234,7 @@ const Carousel = ({
           );
         })}
       </Slides>
-      <Close data-test-id="carousel-close-button" onClick={onDismiss}>
+      <Close data-testid="carousel-close-button" onClick={onDismiss}>
         <IconCross size={16} />
       </Close>
       {showControls ? (

diff --git a/apps/ledger-live-desktop/src/renderer/components/ChangeDeviceLanguageAction.tsx b/apps/ledger-live-desktop/src/renderer/components/ChangeDeviceLanguageAction.tsx
@@ -20,7 +20,7 @@ const DeviceLanguageInstalled = ({ language }: { language: Language }) => {
       flexDirection="column"
       alignItems="center"
       justifyContent="center"
-      data-test-id="language-installed"
+      data-testid="language-installed"
     >
       <BoxedIcon
         Icon={IconsLegacy.CheckAloneMedium}

diff --git a/apps/ledger-live-desktop/src/renderer/components/ChangeDeviceLanguagePrompt.tsx b/apps/ledger-live-desktop/src/renderer/components/ChangeDeviceLanguagePrompt.tsx
@@ -48,12 +48,7 @@ const ChangeDeviceLanguagePrompt: React.FC<Props> = ({
           >
             <Flex flex={1} />
             <Button onClick={onSkip}>{t("deviceLocalization.dontChangeLanguage")}</Button>
-            <Button
-              data-test-id="install-language-button"
-              ml={4}
-              variant="main"
-              onClick={onConfirm}
-            >
+            <Button data-testid="install-language-button" ml={4} variant="main" onClick={onConfirm}>
               {t("deviceLocalization.changeLanguage")}
             </Button>
           </Flex>

diff --git a/apps/ledger-live-desktop/src/renderer/components/Chart/index.tsx b/apps/ledger-live-desktop/src/renderer/components/Chart/index.tsx
@@ -214,7 +214,7 @@ export default function Chart({
     }
   }, [generateOptions, generatedData, valueKey]);
   return (
-    <ChartContainer height={height} data-test-id="chart-container">
+    <ChartContainer height={height} data-testid="chart-container">
       <canvas ref={canvasRef} />
       {tooltip && renderTooltip ? (
         <Tooltip tooltip={tooltip} renderTooltip={renderTooltip} color={color} data={data} />

diff --git a/apps/ledger-live-desktop/src/renderer/components/ContentCards/ActionCard/index.tsx b/apps/ledger-live-desktop/src/renderer/components/ContentCards/ActionCard/index.tsx
@@ -45,7 +45,7 @@ const ActionCard = ({ img, leftContent, title, description, actions, onView }: P
         <Link
           size="small"
           onClick={() => actions.dismiss.action()}
-          data-test-id={actions.dismiss.dataTestId}
+          data-testid={actions.dismiss.dataTestId}
         >
           {actions.dismiss.label}
         </Link>

diff --git a/apps/ledger-live-desktop/src/renderer/components/ContextMenu/ContextMenuWrapper.tsx b/apps/ledger-live-desktop/src/renderer/components/ContextMenu/ContextMenuWrapper.tsx
@@ -153,7 +153,7 @@ class ContextMenuWrapper extends PureComponent<Props, State> {
           if (callback) callback(e);
           this.hideContextMenu();
         }}
-        data-test-id={`accounts-context-menu-${label.split(".").pop()}`}
+        data-testid={`accounts-context-menu-${label.split(".").pop()}`}
       >
         <Box horizontal>
           {Icon && (

diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/ContrastChoice.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/ContrastChoice.tsx
@@ -42,7 +42,7 @@ const ContrastChoice: React.FC<Props> = ({ selected, color, onClick, index }) =>
   <Container
     selected={selected}
     onClick={onClick}
-    data-test-id={`custom-image-contrast-option-${index}-button`}
+    data-testid={`custom-image-contrast-option-${index}-button`}
   >
     <ContrastOption colors={color} />
   </Container>

diff --git a/...sktop/src/renderer/components/CustomImage/CustomLockScreenDeviceAction/stepsRendering.tsx b/...sktop/src/renderer/components/CustomImage/CustomLockScreenDeviceAction/stepsRendering.tsx
@@ -27,7 +27,7 @@ export const RenderImageLoadRequested = ({
       flexDirection="column"
       justifyContent="center"
       alignItems="center"
-      data-test-id="device-action-image-load-requested"
+      data-testid="device-action-image-load-requested"
     >
       <DeviceBlocker />
       <AnimationWrapper>
@@ -64,7 +64,7 @@ export const RenderLoadingImage = ({
       flexDirection="column"
       justifyContent="center"
       alignItems="center"
-      data-test-id={`device-action-image-loading-${progress}`}
+      data-testid={`device-action-image-loading-${progress}`}
     >
       <AnimationWrapper>
         <FramedPicture
@@ -109,7 +109,7 @@ export const RenderImageCommitRequested = ({
       flexDirection="column"
       justifyContent="center"
       alignItems="center"
-      data-test-id="device-action-image-commit-requested"
+      data-testid="device-action-image-commit-requested"
     >
       <DeviceBlocker />
       <AnimationWrapper>

diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImageCropper.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImageCropper.tsx
@@ -234,7 +234,7 @@ const ImageCropper: React.FC<Props> = props => {
 
   return (
     <Flex flexDirection="column" justifyContent="center" alignItems="center">
-      <Flex position="relative" height={330} width={330} data-test-id="custom-image-crop-view">
+      <Flex position="relative" height={330} width={330} data-testid="custom-image-crop-view">
         <img
           src={imageBase64DataUri}
           ref={imageRef}
@@ -265,7 +265,7 @@ const ImageCropper: React.FC<Props> = props => {
           backgroundColor="transparent"
           onClick={rotateCounterClockwise}
           Icon={IconsLegacy.ReverseMedium}
-          data-test-id="custom-image-crop-rotate-button"
+          data-testid="custom-image-crop-rotate-button"
         >
           Rotate
         </Button>

diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImportButton.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImportButton.tsx
@@ -27,7 +27,7 @@ const ImportButton: React.FC<Props> = props => {
   const { colors } = useTheme();
 
   return (
-    <Container bg={colors.opacityDefault.c05} onClick={onClick} data-test-id={testId}>
+    <Container bg={colors.opacityDefault.c05} onClick={onClick} data-testid={testId}>
       <Text variant="large" fontWeight="semiBold">
         {text}
       </Text>

diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImportImage.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImportImage.tsx
@@ -75,10 +75,10 @@ const ImportImage: React.FC<Props> = ({ setLoading, onResult, onError, onClick }
     <ImportButton
       text={t("customImage.steps.choose.upload")}
       Icon={IconsLegacy.UploadMedium}
-      data-test-id="custom-image-import-image-button"
+      data-testid="custom-image-import-image-button"
       onClick={onClick}
     >
-      <ImageInput onChange={onChange} data-test-id="custom-image-import-image-input" />
+      <ImageInput onChange={onChange} data-testid="custom-image-import-image-input" />
     </ImportButton>
   );
 };

diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/NFTItem.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/NFTItem.tsx
@@ -82,9 +82,9 @@ const NftItem = ({ id, onItemClick, selected, testId, index }: Props) => {
       selected={selected}
       className={show || process.env.ALWAYS_SHOW_SKELETONS ? "disabled" : ""}
       onClick={handleClick}
-      data-test-id={testId}
+      data-testid={testId}
     >
-      <Flex flex={1} width="100%" data-test-id={`custom-image-nft-card-media-${index}`}>
+      <Flex flex={1} width="100%" data-testid={`custom-image-nft-card-media-${index}`}>
         <Skeleton width={40} minHeight={40} full={isGrid} show={show}>
           <Media
             metadata={metadata as NFTMetadata}
@@ -99,15 +99,15 @@ const NftItem = ({ id, onItemClick, selected, testId, index }: Props) => {
         <EllipsizedText
           variant="small"
           fontWeight="medium"
-          data-test-id={`custom-image-nft-card-name-${index}`}
+          data-testid={`custom-image-nft-card-name-${index}`}
         >
           {nftName || "-"}
         </EllipsizedText>
         <EllipsizedText
           variant="small"
           fontWeight="medium"
           color="neutral.c60"
-          data-test-id={`custom-image-nft-card-id-${index}`}
+          data-testid={`custom-image-nft-card-id-${index}`}
         >
           <Trans i18nKey="NFT.gallery.tokensList.item.tokenId" values={{ tokenId: nft.tokenId }} />
         </EllipsizedText>

diff --git a/apps/ledger-live-desktop/src/renderer/components/Delegation/ValidatorRow.tsx b/apps/ledger-live-desktop/src/renderer/components/Delegation/ValidatorRow.tsx
@@ -275,12 +275,12 @@ const ValidatorRow = ({
       disabled={!value && disabled}
       active={!!value}
       onClick={onRowClick}
-      data-test-id="modal-provider-row"
+      data-testid="modal-provider-row"
     >
       {icon}
       <InfoContainer>
         <Title onClick={onTitleClick}>
-          <Text data-test-id="modal-provider-title">{title}</Text>
+          <Text data-testid="modal-provider-title">{title}</Text>
           <IconContainer>
             <ExternalLink size={16} />
           </IconContainer>

diff --git a/apps/ledger-live-desktop/src/renderer/components/DeviceAction/rendering.tsx b/apps/ledger-live-desktop/src/renderer/components/DeviceAction/rendering.tsx
@@ -408,7 +408,7 @@ export const InstallingApp = ({
     track("In-line app install", { appName: appNameToTrack, flow: analyticsPropertyFlow });
   }, [appNameToTrack, analyticsPropertyFlow]);
   return (
-    <Wrapper data-test-id="device-action-loader">
+    <Wrapper data-testid="device-action-loader">
       <Header />
       <AnimationWrapper>
         <Animation animation={getDeviceAnimation(modelId, type, "installLoading")} />
@@ -433,7 +433,7 @@ export const renderInstallingLanguage = ({ progress, t }: { progress: number; t:
       alignItems="center"
       justifyContent="center"
       flexDirection="column"
-      data-test-id="installing-language-progress"
+      data-testid="installing-language-progress"
     >
       <Box my={5} alignItems="center">
         <Flex alignItems="center" justifyContent="center" borderRadius={9999} size={60} mb={5}>
@@ -451,7 +451,7 @@ export const renderInstallingLanguage = ({ progress, t }: { progress: number; t:
 };
 
 export const renderListingApps = () => (
-  <Wrapper data-test-id="device-action-loader">
+  <Wrapper data-testid="device-action-loader">
     <Header />
     <ProgressWrapper>
       <Rotating size={58}>
@@ -513,7 +513,7 @@ export const renderAllowLanguageInstallation = ({
     flexDirection="column"
     justifyContent="center"
     alignItems="center"
-    data-test-id="allow-language-installation"
+    data-testid="allow-language-installation"
   >
     <DeviceBlocker />
     <AnimationWrapper>
@@ -1112,7 +1112,7 @@ export const renderSwapDeviceConfirmation = ({
           </Alert>
         </Box>
 
-        <DeviceSwapSummaryStyled data-test-id="device-swap-summary">
+        <DeviceSwapSummaryStyled data-testid="device-swap-summary">
           {deviceSwapSummaryFields.map(([key, value]) => (
             <Fragment key={key}>
               <Text fontWeight="medium" color="palette.text.shade40" fontSize="14px">
@@ -1157,7 +1157,7 @@ export const renderSecureTransferDeviceConfirmation = ({
 );
 
 export const renderLoading = ({ children }: { children?: React.ReactNode } = {}) => (
-  <Wrapper data-test-id="device-action-loader">
+  <Wrapper data-testid="device-action-loader">
     <Header />
     <Flex alignItems="center" justifyContent="center" borderRadius={9999} size={60} mb={5}>
       <InfiniteLoader size={58} />

diff --git a/apps/ledger-live-desktop/src/renderer/components/EarnRewardsInfoModal.tsx b/apps/ledger-live-desktop/src/renderer/components/EarnRewardsInfoModal.tsx
@@ -102,7 +102,7 @@ export default function EarnRewardsInfoModal<Name extends keyof ModalData>({
               <Button ml={2} secondary onClick={onClose}>
                 <Trans i18nKey="common.cancel" />
               </Button>
-              <Button ml={2} primary onClick={onNextFn} data-test-id="modal-continue-button">
+              <Button ml={2} primary onClick={onNextFn} data-testid="modal-continue-button">
                 {nextLabel || <Trans i18nKey="common.continue" />}
               </Button>
             </Box>

diff --git a/apps/ledger-live-desktop/src/renderer/components/EntryButton/EntryButton.tsx b/apps/ledger-live-desktop/src/renderer/components/EntryButton/EntryButton.tsx
@@ -108,7 +108,7 @@ const EntryButton: React.FC<EntryButtonProps> = ({
   entryButtonTestId,
 }) => {
   return (
-    <EntryButtonContainer onClick={onClick} disabled={disabled} data-test-id={entryButtonTestId}>
+    <EntryButtonContainer onClick={onClick} disabled={disabled} data-testid={entryButtonTestId}>
       <Box horizontal shrink alignItems="center">
         {Icon && (
           <IconWrapper>

diff --git a/apps/ledger-live-desktop/src/renderer/components/IsUnlocked.tsx b/apps/ledger-live-desktop/src/renderer/components/IsUnlocked.tsx
@@ -106,7 +106,7 @@ export default function IsUnlocked({ children }: { children: React.ReactNode }):
   }, [isLocked]);
   if (isLocked) {
     return (
-      <Box sticky alignItems="center" justifyContent="center" data-test-id="lockscreen-container">
+      <Box sticky alignItems="center" justifyContent="center" data-testid="lockscreen-container">
         <form onSubmit={handleSubmit}>
           <Box alignItems="center">
             <LedgerLiveLogo
@@ -132,7 +132,7 @@ export default function IsUnlocked({ children }: { children: React.ReactNode }):
                   value={inputValue.password}
                   error={incorrectPassword}
                   id="lockscreen-password-input"
-                  data-test-id="lockscreen-password-input"
+                  data-testid="lockscreen-password-input"
                 />
               </Box>
               <Box ml={2}>
@@ -146,7 +146,7 @@ export default function IsUnlocked({ children }: { children: React.ReactNode }):
                     padding: 0,
                     justifyContent: "center",
                   }}
-                  data-test-id="lockscreen-login-button"
+                  data-testid="lockscreen-login-button"
                 >
                   <Box alignItems="center">
                     <IconArrowRight size={20} />
@@ -159,7 +159,7 @@ export default function IsUnlocked({ children }: { children: React.ReactNode }):
               mt={3}
               small
               onClick={handleOpenHardResetModal}
-              data-test-id="lockscreen-forgotten-button"
+              data-testid="lockscreen-forgotten-button"
             >
               {t("common.lockScreen.lostPassword")}
             </Button>

diff --git a/apps/ledger-live-desktop/src/renderer/components/LedgerLiveLogo.tsx b/apps/ledger-live-desktop/src/renderer/components/LedgerLiveLogo.tsx
@@ -12,7 +12,7 @@ class LedgerLiveLogo extends PureComponent<Props> {
   render() {
     const { icon, ...p } = this.props;
     return (
-      <LiveLogoContainer {...p} data-test-id="logo">
+      <LiveLogoContainer {...p} data-testid="logo">
         {icon}
       </LiveLogoContainer>
     );

diff --git a/apps/ledger-live-desktop/src/renderer/components/LiveAppDrawer.tsx b/apps/ledger-live-desktop/src/renderer/components/LiveAppDrawer.tsx
@@ -130,10 +130,7 @@ export const LiveAppDrawer = () => {
                     cursor: "pointer",
                   }}
                 >
-                  <CheckBox
-                    isChecked={dismissDisclaimerChecked}
-                    data-test-id="dismiss-disclaimer"
-                  />
+                  <CheckBox isChecked={dismissDisclaimerChecked} data-testid="dismiss-disclaimer" />
                   <Text
                     ff="Inter|SemiBold"
                     fontSize={4}
@@ -147,7 +144,7 @@ export const LiveAppDrawer = () => {
                   </Text>
                 </Box>
 
-                <Button primary onClick={onContinue} data-test-id="drawer-continue-button">
+                <Button primary onClick={onContinue} data-testid="drawer-continue-button">
                   {t("platform.disclaimer.CTA")}
                 </Button>
               </Box>

diff --git a/apps/ledger-live-desktop/src/renderer/components/LoadingPlaceholder.tsx b/apps/ledger-live-desktop/src/renderer/components/LoadingPlaceholder.tsx
@@ -38,7 +38,7 @@ const Activity = styled.div`
 
 function LoadingPlaceholder({ style }: { style?: React.CSSProperties }) {
   return (
-    <Wrapper data-test-id="loading-placeholder" style={style}>
+    <Wrapper data-testid="loading-placeholder" style={style}>
       <Activity />
     </Wrapper>
   );