Merge pull request #9638 from mabashian/cred-type-ouia-ids

Adds identifiers to various credential elements

SUMMARY
See commits

Reviewed-by: Tiago Góes <tiago.goes2009@gmail.com>

awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx

@@ -104,6 +104,7 @@ function CredentialDetail({ i18n, credential }) {
       return (
         <Fragment key={id}>
           <Detail
+            dataCy={`credential-${id}-detail`}
             id={`credential-${id}-detail`}
             fullWidth
             label={<span>{label} *</span>}
@@ -117,6 +118,7 @@ function CredentialDetail({ i18n, credential }) {
             }
           />
           <PluginInputMetadata
+            dataCy={`credential-${id}-detail`}
             id={`credential-${id}-metadata`}
             mode="javascript"
             readOnly
@@ -132,6 +134,7 @@ function CredentialDetail({ i18n, credential }) {
     if (type === 'boolean') {
       return (
         <Detail
+          dataCy={`credential-${id}-detail`}
           id={`credential-${id}-detail`}
           key={id}
           label={i18n._(t`Options`)}
@@ -143,6 +146,7 @@ function CredentialDetail({ i18n, credential }) {
     if (inputs[id] === '$encrypted$') {
       return (
         <Detail
+          dataCy={`credential-${id}-detail`}
           id={`credential-${id}-detail`}
           key={id}
           label={label}
@@ -155,6 +159,7 @@ function CredentialDetail({ i18n, credential }) {
     if (ask_at_runtime && inputs[id] === 'ASK') {
       return (
         <Detail
+          dataCy={`credential-${id}-detail`}
           id={`credential-${id}-detail`}
           key={id}
           label={label}
@@ -165,6 +170,7 @@ function CredentialDetail({ i18n, credential }) {
 
     return (
       <Detail
+        dataCy={`credential-${id}-detail`}
         id={`credential-${id}-detail`}
         key={id}
         label={label}
@@ -189,17 +195,20 @@ function CredentialDetail({ i18n, credential }) {
     <CardBody>
       <DetailList>
         <Detail
+          dataCy="credential-name-detail"
           id="credential-name-detail"
           label={i18n._(t`Name`)}
           value={name}
         />
         <Detail
+          dataCy="credential-description-detail"
           id="credential-description-detail"
           label={i18n._(t`Description`)}
           value={description}
         />
         {organization && (
           <Detail
+            dataCy="credential-organization-detail"
             id="credential-organization-detail"
             label={i18n._(t`Organization`)}
             value={
@@ -210,6 +219,7 @@ function CredentialDetail({ i18n, credential }) {
           />
         )}
         <Detail
+          dataCy="credential-credential_type-detail"
           id="credential-credential_type-detail"
           label={i18n._(t`Credential Type`)}
           value={
@@ -226,12 +236,14 @@ function CredentialDetail({ i18n, credential }) {
         {fields.map(field => renderDetail(field))}
 
         <UserDateDetail
+          dataCy="credential-created-detail"
           id="credential-created-detail"
           label={i18n._(t`Created`)}
           date={created}
           user={created_by}
         />
         <UserDateDetail
+          dataCy="credential-last_modified-detail"
           id="credential-last_modified-detail"
           label={i18n._(t`Last Modified`)}
           date={modified}

awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx

@@ -165,7 +165,11 @@ function CredentialFormFields({ i18n, credentialTypes }) {
           width="100%"
         >
           {credentialTypeOptions.map(credType => (
-            <SelectOption key={credType.value} value={credType.value}>
+            <SelectOption
+              key={credType.value}
+              value={credType.value}
+              dataCy={`${credType.id}-credential-type-select-option`}
+            >
               {credType.label}
             </SelectOption>
           ))}