feat: add test ids to components

ory · Nov 22, 2024 · 221758c · 221758c
1 parent a5fcd44
commit 221758c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/elements-react/src/theme/default/components/card/auth-methods.tsx b/packages/elements-react/src/theme/default/components/card/auth-methods.tsx
@@ -30,6 +30,9 @@ export function DefaultAuthMethodListItem({
         className="flex text-left py-2 gap-3 cursor-pointer"
         onClick={onClick}
         type={isGroupImmediateSubmit(group) ? "submit" : "button"}
+        id={`auth-method-list-item-${group}`}
+        data-testid="auth-method-list-item"
+        aria-label={`Authenticate with ${group}`}
       >
         <div className={"flex-none w-4 h-4 mt-[2px]"}>
           {Icon && <Icon size={20} className="text-forms-fg-default" />}

diff --git a/packages/elements-react/src/theme/default/components/form/index.tsx b/packages/elements-react/src/theme/default/components/form/index.tsx
@@ -57,6 +57,7 @@ export function DefaultMessage({ message }: OryMessageContentProps) {
         "text-forms-fg-default": message.type === "info",
         "text-forms-fg-success": message.type === "success",
       })}
+      data-testid={`ory-message-${message.id}`}
     >
       {uiTextToFormattedMessage(message, intl)}
     </span>