chore(data-cy): require data-cy attributes [EE-6880] (#11453)

app/react/components/DashboardItem/DashboardItem.stories.tsx

@@ -19,7 +19,14 @@ interface StoryProps {
 }
 
 function Template({ value, icon, type }: StoryProps) {
-  return <DashboardItem value={value} icon={icon} type={type} />;
+  return (
+    <DashboardItem
+      value={value}
+      icon={icon}
+      type={type}
+      dataCy="data-cy-example"
+    />
+  );
 }
 
 export const Primary: Story<StoryProps> = Template.bind({});
@@ -31,15 +38,25 @@ Primary.args = {
 
 export function WithLink() {
   return (
-    <Link to="example.page">
-      <DashboardItem value={1} icon={List} type="Example resource" />
+    <Link to="example.page" data-cy="data-cy-example">
+      <DashboardItem
+        value={1}
+        icon={List}
+        type="Example resource"
+        dataCy="data-cy-example"
+      />
     </Link>
   );
 }
 
 export function WithChildren() {
   return (
-    <DashboardItem value={1} icon={List} type="Example resource">
+    <DashboardItem
+      value={1}
+      icon={List}
+      type="Example resource"
+      dataCy="data-cy-example"
+    >
       <div>Children</div>
     </DashboardItem>
   );

app/react/components/DashboardItem/DashboardItem.test.tsx

@@ -26,5 +26,7 @@ test('should have accessibility label created from the provided resource type',
 });
 
 function renderComponent(value = 0, icon = User, type = '') {
-  return render(<DashboardItem value={value} icon={icon} type={type} />);
+  return render(
+    <DashboardItem value={value} icon={icon} type={type} dataCy="example" />
+  );
 }

app/react/components/DashboardItem/DashboardItem.tsx

@@ -16,7 +16,7 @@ interface Props extends IconProps {
   to?: string;
   params?: object;
   children?: ReactNode;
-  dataCy?: string;
+  dataCy: string;
 }
 
 export function DashboardItem({
@@ -103,7 +103,12 @@ export function DashboardItem({
 
   if (to) {
     return (
-      <Link to={to} className="!no-underline" params={params}>
+      <Link
+        to={to}
+        className="!no-underline"
+        params={params}
+        data-cy={`${dataCy}-link`}
+      >
         {Item}
       </Link>
     );