chore: add data-cy attributes for Cypress

Author: mohammad-alisafaee

client/src/components/buttons/Button.tsx

@@ -125,6 +125,7 @@ interface ButtonWithMenuV2Props {
   children?: React.ReactNode;
   className?: string;
   color?: string;
+  dataCy?: string;
   default: React.ReactNode;
   direction?: "up" | "down" | "start" | "end";
   disabled?: boolean;
@@ -139,6 +140,7 @@ export function SplitButtonWithMenu({
   children,
   className,
   color,
+  dataCy,
   default: defaultButton,
   direction,
   disabled,
@@ -168,7 +170,7 @@ export function SplitButtonWithMenu({
         className={cx("border-start-0", "dropdown-toggle-split")}
         data-bs-toggle="dropdown"
         color={color ?? "primary"}
-        data-cy="button-with-menu-dropdown"
+        data-cy={dataCy ?? "button-with-menu-dropdown"}
         disabled={isDisabledDropdownToggle ?? disabled}
       />
       <DropdownMenu end>{children}</DropdownMenu>

client/src/features/ProjectPageV2/ProjectPageContent/ProjectInformation/ProjectInformation.tsx

@@ -160,7 +160,9 @@ export default function ProjectInformation({
         title="Namespace:"
       >
         <p className="mb-0">
-          <Link to={namespaceUrl}>{namespaceName}</Link>
+          <Link data-cy="project-namespace-link" to={namespaceUrl}>
+            {namespaceName}
+          </Link>
         </p>
       </ProjectInformationBox>
       <ProjectInformationBox icon={<Eye className="bi" />} title="Visibility:">

client/src/features/dataConnectorsV2/components/DataConnectorActions.tsx

@@ -490,6 +490,7 @@ function DataConnectorActionsInner({
     ) : (
       <ButtonWithMenuV2
         color="outline-primary"
+        dataCy="data-connector-menu-dropdown"
         default={
           <Button
             color="outline-primary"