Merge pull request #5412 from appuk/apurva-new-ids

Add dataCy attribute

Reviewed-by: https://github.com/apps/softwarefactory-project-zuul

awx/ui_next/src/components/AddRole/AddResourceRole.jsx

@@ -187,11 +187,13 @@ class AddResourceRole extends React.Component {
             <SelectableCard
               isSelected={selectedResource === 'users'}
               label={i18n._(t`Users`)}
+              dataCy="add-role-users"
               onClick={() => this.handleResourceSelect('users')}
             />
             <SelectableCard
               isSelected={selectedResource === 'teams'}
               label={i18n._(t`Teams`)}
+              dataCy="add-role-teams"
               onClick={() => this.handleResourceSelect('teams')}
             />
           </div>

awx/ui_next/src/components/AddRole/SelectableCard.jsx

@@ -33,7 +33,7 @@ const Label = styled.div`
 
 class SelectableCard extends Component {
   render() {
-    const { label, onClick, isSelected } = this.props;
+    const { label, onClick, isSelected, dataCy } = this.props;
 
     return (
       <SelectableItem
@@ -41,6 +41,7 @@ class SelectableCard extends Component {
         onKeyPress={onClick}
         role="button"
         tabIndex="0"
+        data-cy={dataCy}
         isSelected={isSelected}
       >
         <Indicator isSelected={isSelected} />

awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx

@@ -79,7 +79,11 @@ class OrganizationDetail extends Component {
     return (
       <CardBody>
         <DetailList>
-          <Detail label={i18n._(t`Name`)} value={name} />
+          <Detail
+            label={i18n._(t`Name`)}
+            value={name}
+            dataCy="organization-detail-name"
+          />
           <Detail label={i18n._(t`Description`)} value={description} />
           <Detail label={i18n._(t`Max Hosts`)} value={`${max_hosts}`} />
           <Detail

awx/ui_next/src/screens/Project/ProjectDetail/ProjectDetail.jsx

@@ -91,7 +91,11 @@ function ProjectDetail({ project, i18n }) {
   return (
     <CardBody css="padding-top: 20px">
       <DetailList gutter="sm">
-        <Detail label={i18n._(t`Name`)} value={name} />
+        <Detail
+          label={i18n._(t`Name`)}
+          value={name}
+          dataCy="project-detail-name"
+        />
         <Detail label={i18n._(t`Description`)} value={description} />
         {summary_fields.organization && (
           <Detail

awx/ui_next/src/screens/Team/TeamDetail/TeamDetail.jsx

@@ -23,7 +23,11 @@ class TeamDetail extends Component {
     return (
       <CardBody>
         <DetailList>
-          <Detail label={i18n._(t`Name`)} value={name} />
+          <Detail
+            label={i18n._(t`Name`)}
+            value={name}
+            dataCy="team-detail-name"
+          />
           <Detail label={i18n._(t`Description`)} value={description} />
           <Detail
             label={i18n._(t`Organization`)}

awx/ui_next/src/screens/User/UserDetail/UserDetail.jsx

@@ -42,7 +42,11 @@ class UserDetail extends Component {
     return (
       <CardBody>
         <DetailList>
-          <Detail label={i18n._(t`Username`)} value={username} />
+          <Detail
+            label={i18n._(t`Username`)}
+            value={username}
+            dataCy="user-detail-username"
+          />
           <Detail label={i18n._(t`Email`)} value={email} />
           <Detail label={i18n._(t`First Name`)} value={`${first_name}`} />
           <Detail label={i18n._(t`Last Name`)} value={`${last_name}`} />