fix: passing in ID and test IDs to nested <A/> for Link

DTS-STN · Feb 17, 2023 · bbab503 · bbab503
1 parent 7e188ef
commit bbab503
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/components/Link/Link.js b/src/components/Link/Link.js
@@ -42,10 +42,6 @@ export function Link(props) {
     <Component
       href={props.href}
       className={`${basicStyle}`}
-      id={props.id}
-      data-testid={props.dataTestId}
-      data-cy={props.dataCy || props.id}
-      data-cy-button={props.dataCyButton}
       disabled={props.disabled}
       lang={props.lang}
       target={props.target}
@@ -54,7 +50,12 @@ export function Link(props) {
       locale={props.locale}
       onClick={props.onClick ? props.onClick : undefined}
     >
-      <a>
+      <a
+        id={props.id}
+        data-testid={props.dataTestId}
+        data-cy={props.dataCy || props.id}
+        data-cy-button={props.dataCyButton}
+      >
         {/* <!-- English Text: English --> */}
         <span className={props.abbr ? "ds-language-toggle-text" : ""}>
           {props.text}