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

app/react/components/form-components/SwitchField/Switch.stories.tsx

@@ -13,7 +13,15 @@ export function Example() {
     setIsChecked(!isChecked);
   }
 
-  return <Switch name="name" checked={isChecked} onChange={onChange} id="id" />;
+  return (
+    <Switch
+      name="name"
+      data-cy="switch"
+      checked={isChecked}
+      onChange={onChange}
+      id="id"
+    />
+  );
 }
 
 interface Args {
@@ -21,7 +29,15 @@ interface Args {
 }
 
 function Template({ checked }: Args) {
-  return <Switch name="name" checked={checked} onChange={() => {}} id="id" />;
+  return (
+    <Switch
+      name="name"
+      data-cy="switch"
+      checked={checked}
+      onChange={() => {}}
+      id="id"
+    />
+  );
 }
 
 export const Checked: Story<Args> = Template.bind({});

app/react/components/form-components/SwitchField/Switch.test.tsx

@@ -8,7 +8,13 @@ function renderDefault({
   checked = false,
 }: Partial<PropsWithChildren<Props>> = {}) {
   return render(
-    <Switch id="id" name={name} checked={checked} onChange={() => {}} />
+    <Switch
+      id="id"
+      name={name}
+      checked={checked}
+      onChange={() => {}}
+      data-cy="switch"
+    />
   );
 }
 

app/react/components/form-components/SwitchField/SwitchField.stories.tsx

@@ -16,6 +16,7 @@ export function Example() {
   return (
     <SwitchField
       name="name"
+      data-cy="switch-field-example"
       checked={isChecked}
       onChange={onChange}
       label="Example"
@@ -33,6 +34,7 @@ function Template({ checked, label, labelClass }: Args) {
   return (
     <SwitchField
       name="name"
+      data-cy="switch-field-example"
       checked={checked}
       onChange={() => {}}
       label={label}

app/react/components/form-components/SwitchField/SwitchField.test.tsx

@@ -12,6 +12,7 @@ function renderDefault({
   return render(
     <SwitchField
       label={label}
+      data-cy="switch-field"
       name={name}
       checked={checked}
       onChange={onChange}