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

app/react/azure/DashboardView/DashboardView.tsx

@@ -34,6 +34,7 @@ export function DashboardView() {
           <DashboardGrid>
             <DashboardItem
               value={subscriptionsCount as number}
+              dataCy="subscriptions-count"
               isLoading={subscriptionsQuery.isLoading}
               isRefetching={subscriptionsQuery.isRefetching}
               icon={Subscription}
@@ -42,6 +43,7 @@ export function DashboardView() {
             {!resourceGroupsQuery.isError && !resourceGroupsQuery.isLoading && (
               <DashboardItem
                 value={resourceGroupsCount}
+                dataCy="resource-groups-count"
                 isLoading={resourceGroupsQuery.isLoading}
                 icon={Package}
                 type="Resource group"

app/react/azure/container-instances/CreateView/CreateContainerInstanceForm.tsx

@@ -197,6 +197,7 @@ export function CreateContainerInstanceForm() {
                 isLoading={isSubmitting}
                 loadingText="Deployment in progress..."
                 icon={Plus}
+                data-cy="aci-create-button"
               >
                 Deploy the container
               </LoadingButton>

app/react/azure/container-instances/CreateView/PortsMappingField.tsx

@@ -49,6 +49,7 @@ export function PortsMappingField({
         errors={errors}
         disabled={disabled}
         readOnly={readOnly}
+        data-cy="aci-ports-mapping"
       />
       {typeof errors === 'string' && (
         <div className="form-group col-md-12">
@@ -65,6 +66,7 @@ function Item({
   error,
   disabled,
   readOnly,
+  index,
 }: ItemProps<PortMapping>) {
   return (
     <div className={styles.item}>
@@ -80,6 +82,7 @@ function Item({
             disabled={disabled}
             readOnly={readOnly}
             type="number"
+            data-cy={`aci-ports-mapping-host-input_${index}`}
           />
         </InputGroup>
 
@@ -98,6 +101,7 @@ function Item({
             disabled={disabled}
             readOnly={readOnly}
             type="number"
+            data-cy={`aci-ports-mapping-container-port-input_${index}`}
           />
         </InputGroup>
 

app/react/azure/container-instances/ItemView/ItemView.tsx

@@ -82,6 +82,7 @@ export function ItemView() {
                   id="subscription-input"
                   value={container.subscriptionName}
                   readOnly
+                  data-cy="aci-container-subscription-input"
                 />
               </FormControl>
 
@@ -91,6 +92,7 @@ export function ItemView() {
                   id="resourceGroup-input"
                   value={container.resourceGroupName}
                   readOnly
+                  data-cy="aci-container-resourceGroup-input"
                 />
               </FormControl>
 
@@ -100,6 +102,7 @@ export function ItemView() {
                   id="location-input"
                   value={container.location}
                   readOnly
+                  data-cy="aci-container-location-input"
                 />
               </FormControl>
 
@@ -111,6 +114,7 @@ export function ItemView() {
                   id="name-input"
                   readOnly
                   value={container.name}
+                  data-cy="aci-container-name-input"
                 />
               </FormControl>
 
@@ -120,6 +124,7 @@ export function ItemView() {
                   id="image-input"
                   value={container.imageName}
                   readOnly
+                  data-cy="aci-container-image-input"
                 />
               </FormControl>
 
@@ -129,6 +134,7 @@ export function ItemView() {
                   id="os-input"
                   readOnly
                   value={container.osType}
+                  data-cy="aci-container-os-input"
                 />
               </FormControl>
 
@@ -140,6 +146,7 @@ export function ItemView() {
                   id="public-ip"
                   readOnly
                   value={container.ipAddress}
+                  data-cy="aci-container-public-ip"
                 />
               </FormControl>
 
@@ -153,6 +160,7 @@ export function ItemView() {
                   placeholder="1"
                   readOnly
                   value={container.cpu}
+                  data-cy="aci-container-cpu-input"
                 />
               </FormControl>
 
@@ -164,6 +172,7 @@ export function ItemView() {
                   placeholder="1"
                   readOnly
                   value={container.memory}
+                  data-cy="aci-container-memory-input"
                 />
               </FormControl>
             </WidgetBody>

app/react/azure/container-instances/ListView/ContainersDatatable.tsx

@@ -31,11 +31,13 @@ export function ContainersDatatable({ dataset, onRemoveClick }: Props) {
       titleIcon={Box}
       getRowId={(container) => container.id}
       emptyContentLabel="No container available."
+      data-cy="containers-datatable"
       renderTableActions={(selectedRows) => (
         <div className="flex gap-2">
           <Authorized authorizations="AzureContainerGroupDelete">
             <DeleteButton
               disabled={selectedRows.length === 0}
+              data-cy="remove-containers-button"
               onConfirmed={() =>
                 handleRemoveClick(selectedRows.map((r) => r.id))
               }
@@ -44,7 +46,7 @@ export function ContainersDatatable({ dataset, onRemoveClick }: Props) {
           </Authorized>
 
           <Authorized authorizations="AzureContainerGroupCreate">
-            <AddButton>Add container</AddButton>
+            <AddButton data-cy="add-container-button">Add container</AddButton>
           </Authorized>
         </div>
       )}

app/react/azure/container-instances/ListView/columns/name.tsx

@@ -21,6 +21,7 @@ export function NameCell({
       to="azure.containerinstances.container"
       params={{ id: container.id }}
       className="hover:underline"
+      data-cy={`aci-container-${container.id}`}
     >
       {name}
     </Link>