WEB-1938 feat(Cards): add role prop for touchable cards

Telefonica · Jul 5, 2024 · 7374b3e · 7374b3e
1 parent 38aa747
commit 7374b3e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/__type_tests__/card-type-test.tsx b/src/__type_tests__/card-type-test.tsx
@@ -8,7 +8,7 @@ import Image from '../image';
 <SnapCard title="title" href="/" />;
 <SnapCard title="title" to="/" />;
 <SnapCard title="title" onPress={() => {}} />;
-<SnapCard title="title" onPress={() => {}} trackingEvent={{name: 'do-something'}} />;
+<SnapCard title="title" onPress={() => {}} trackingEvent={{name: 'do-something'}} role="link" />;
 // @ts-expect-error onPress and href can't be used together
 <SnapCard title="title" onPress={() => {}} href="/" />;
 // @ts-expect-error onPress and to can't be used together
@@ -31,6 +31,7 @@ import Image from '../image';
     title="title"
     onPress={() => {}}
     trackingEvent={{name: 'do-something'}}
+    role="link"
 />;
 <PosterCard title="title" isInverse />;
 <PosterCard title="title" variant="inverse" />;
@@ -75,6 +76,7 @@ import Image from '../image';
     title="title"
     onPress={() => {}}
     trackingEvent={{name: 'do-something'}}
+    role="link"
 />;
 // @ts-expect-error onPress and href can't be used together
 <NakedCard media={<Image src="/something.png" />} title="title" onPress={() => {}} href="/" />;
@@ -94,6 +96,7 @@ import Image from '../image';
     title="title"
     onPress={() => {}}
     trackingEvent={{name: 'do-something'}}
+    role="link"
 />;
 // @ts-expect-error onPress and href can't be used together
 <SmallNakedCard media={<Image src="/something.png" />} title="title" onPress={() => {}} href="/" />;

diff --git a/src/card.tsx b/src/card.tsx
@@ -479,6 +479,7 @@ const CardContent: React.FC<CardContentProps> = ({
 
 type TouchableProps = {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+    role?: string;
 } & ExclusifyUnion<
     | {
           href: string | undefined;

diff --git a/src/community/advanced-data-card.tsx b/src/community/advanced-data-card.tsx
@@ -39,6 +39,7 @@ import type {
 
 type TouchableProps = {
     trackingEvent?: TrackingEvent | ReadonlyArray<TrackingEvent>;
+    role?: string;
 } & ExclusifyUnion<
     | {
           href: string | undefined;