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

app/react/kubernetes/components/IntegratedAppsDatatable/IntegratedAppsDatatable.tsx

@@ -21,12 +21,14 @@ export function IntegratedAppsDatatable({
   isLoading,
   tableKey,
   tableTitle,
+  dataCy,
 }: {
   dataset: Array<IntegratedApp>;
   onRefresh: () => void;
   isLoading: boolean;
   tableKey: string;
   tableTitle: string;
+  dataCy: string;
 }) {
   const tableState = useTableStateWithStorage<TableSettings>(
     tableKey,
@@ -54,6 +56,7 @@ export function IntegratedAppsDatatable({
           />
         </TableSettingsMenu>
       )}
+      data-cy={dataCy}
     />
   );
 }

app/react/kubernetes/components/IntegratedAppsDatatable/columns.name.tsx

@@ -15,6 +15,7 @@ function Cell({ row: { original: item } }: CellContext<IntegratedApp, string>) {
     <Link
       to="kubernetes.applications.application"
       params={{ name: item.Name, namespace: item.ResourcePool }}
+      data-cy={`application-link-${item.Name}`}
     >
       {item.Name}
     </Link>

app/react/kubernetes/components/YAMLInspector.tsx

@@ -3,6 +3,7 @@ import YAML from 'yaml';
 import { Minus, Plus } from 'lucide-react';
 
 import { FeatureId } from '@/react/portainer/feature-flags/enums';
+import { AutomationTestingProps } from '@/types';
 
 import { WebEditorForm } from '@@/WebEditorForm';
 import { Button } from '@@/buttons';
@@ -12,15 +13,21 @@ type Props = {
   identifier: string;
   data: string;
   hideMessage?: boolean;
-};
+} & AutomationTestingProps;
 
-export function YAMLInspector({ identifier, data, hideMessage }: Props) {
+export function YAMLInspector({
+  identifier,
+  data,
+  hideMessage,
+  'data-cy': dataCy,
+}: Props) {
   const [expanded, setExpanded] = useState(false);
   const yaml = useMemo(() => cleanYamlUnwantedFields(data), [data]);
 
   return (
     <div>
       <WebEditorForm
+        data-cy={dataCy}
         value={yaml}
         placeholder={
           hideMessage
@@ -37,6 +44,7 @@ export function YAMLInspector({ identifier, data, hideMessage }: Props) {
       <div className="flex items-center justify-between py-5">
         <Button
           icon={expanded ? Minus : Plus}
+          data-cy={`expand-collapse-yaml-${identifier}`}
           color="default"
           className="!ml-0"
           onClick={() => setExpanded(!expanded)}
@@ -48,6 +56,7 @@ export function YAMLInspector({ identifier, data, hideMessage }: Props) {
           heading="Apply YAML changes"
           message="Applies any changes that you make in the YAML editor by calling the Kubernetes API to patch the relevant resources. Any resource removals or unexpected resource additions that you make in the YAML will be ignored. Note that editing is disabled for resources in namespaces marked as system."
           buttonText="Apply changes"
+          data-cy="yaml-inspector-apply-changes-teaser-button"
         />
       </div>
     </div>