From 18c43f56c3aef3a24cf3a39dfbf380b446369a42 Mon Sep 17 00:00:00 2001
From: wadii <wadii.zaim@flagsmith.com>
Date: Fri, 10 Jul 2026 13:04:49 +0200
Subject: [PATCH 1/3] feat(experiments): add unique analytics IDs to experiment
 wizard buttons

---
 .../MetricSelectList/MetricSelectList.tsx     | 11 ++++++++--
 .../experiments/WizardNavButtons.tsx          | 21 ++++++++++++++++---
 .../experiments/steps/ReviewStep.tsx          | 21 ++++++++++++++++---
 .../experiments/steps/RolloutStep.tsx         |  1 +
 4 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/frontend/web/components/experiments/MetricSelectList/MetricSelectList.tsx b/frontend/web/components/experiments/MetricSelectList/MetricSelectList.tsx
index abebcde51f3d..0c3133ff9cdc 100644
--- a/frontend/web/components/experiments/MetricSelectList/MetricSelectList.tsx
+++ b/frontend/web/components/experiments/MetricSelectList/MetricSelectList.tsx
@@ -62,7 +62,10 @@ const MetricSelectList: FC<MetricSelectListProps> = ({
         description='Create your first metric to measure experiment outcomes.'
         icon='bar-chart'
         action={
-          <Button onClick={onCreateClick}>
+          <Button
+            id='experiment-wizard-create-metric-empty'
+            onClick={onCreateClick}
+          >
             <Icon name='plus' width={16} />
             Create Metric
           </Button>
@@ -85,7 +88,11 @@ const MetricSelectList: FC<MetricSelectListProps> = ({
             size='small'
           />
         </div>
-        <Button theme='outline' onClick={onCreateClick}>
+        <Button
+          id='experiment-wizard-create-metric'
+          theme='outline'
+          onClick={onCreateClick}
+        >
           <Icon name='plus' width={16} />
           Create Metric
         </Button>
diff --git a/frontend/web/components/experiments/WizardNavButtons.tsx b/frontend/web/components/experiments/WizardNavButtons.tsx
index c81b571dee62..f2f8a634a2e0 100644
--- a/frontend/web/components/experiments/WizardNavButtons.tsx
+++ b/frontend/web/components/experiments/WizardNavButtons.tsx
@@ -2,6 +2,8 @@ import { FC } from 'react'
 import Button from 'components/base/forms/Button'
 import Icon from 'components/icons/Icon'
 
+const STEP_SLUGS = ['setup', 'rollout', 'measurement', 'review'] as const
+
 type WizardNavButtonsProps = {
   currentStep: number
   totalSteps: number
@@ -22,22 +24,35 @@ const WizardNavButtons: FC<WizardNavButtonsProps> = ({
   totalSteps,
 }) => {
   const isLastStep = currentStep === totalSteps - 1
+  const stepSlug = STEP_SLUGS[currentStep] ?? currentStep
 
   return (
     <div className='d-flex justify-content-end gap-3 mt-4'>
       {currentStep > 0 && (
-        <Button theme='outline' onClick={onBack}>
+        <Button
+          id={`experiment-wizard-${stepSlug}-back`}
+          theme='outline'
+          onClick={onBack}
+        >
           <Icon name='arrow-left' width={16} />
           Back
         </Button>
       )}
       {isLastStep ? (
-        <Button onClick={onLaunch} disabled={isSubmitting || !canContinue}>
+        <Button
+          id='experiment-wizard-review-create'
+          onClick={onLaunch}
+          disabled={isSubmitting || !canContinue}
+        >
           Create Experiment
           <Icon name='rocket' width={16} />
         </Button>
       ) : (
-        <Button onClick={onContinue} disabled={!canContinue}>
+        <Button
+          id={`experiment-wizard-${stepSlug}-continue`}
+          onClick={onContinue}
+          disabled={!canContinue}
+        >
           Continue
         </Button>
       )}
diff --git a/frontend/web/components/experiments/steps/ReviewStep.tsx b/frontend/web/components/experiments/steps/ReviewStep.tsx
index e03a5c3693d8..48d47b0473cb 100644
--- a/frontend/web/components/experiments/steps/ReviewStep.tsx
+++ b/frontend/web/components/experiments/steps/ReviewStep.tsx
@@ -42,7 +42,12 @@ const ReviewStep: FC<ReviewStepProps> = ({
         background='white'
         title='Setup'
         action={
-          <Button theme='text' size='xSmall' onClick={onEditSetup}>
+          <Button
+            id='experiment-wizard-review-edit-setup'
+            theme='text'
+            size='xSmall'
+            onClick={onEditSetup}
+          >
             Edit
           </Button>
         }
@@ -81,7 +86,12 @@ const ReviewStep: FC<ReviewStepProps> = ({
           background='white'
           title='Rollout'
           action={
-            <Button theme='text' size='xSmall' onClick={onEditRollout}>
+            <Button
+              id='experiment-wizard-review-edit-rollout'
+              theme='text'
+              size='xSmall'
+              onClick={onEditRollout}
+            >
               Edit
             </Button>
           }
@@ -99,7 +109,12 @@ const ReviewStep: FC<ReviewStepProps> = ({
         background='white'
         title={selectedMetric ? 'Measurement (1 metric)' : 'Measurement'}
         action={
-          <Button theme='text' size='xSmall' onClick={onEditMeasurement}>
+          <Button
+            id='experiment-wizard-review-edit-measurement'
+            theme='text'
+            size='xSmall'
+            onClick={onEditMeasurement}
+          >
             Edit
           </Button>
         }
diff --git a/frontend/web/components/experiments/steps/RolloutStep.tsx b/frontend/web/components/experiments/steps/RolloutStep.tsx
index 1fa34594c942..ed37fa29d3f8 100644
--- a/frontend/web/components/experiments/steps/RolloutStep.tsx
+++ b/frontend/web/components/experiments/steps/RolloutStep.tsx
@@ -51,6 +51,7 @@ const RolloutStep: FC<RolloutStepProps> = ({
         description='Distribute sampled identities across control and treatment variations. Control takes one of the slots; weights must sum to 100.'
         action={
           <Button
+            id='experiment-wizard-rollout-split-evenly'
             theme='outline'
             size='xSmall'
             onClick={() =>

From 3d6db4155425bd2f7e2570b89c4433e1bcc3e7a2 Mon Sep 17 00:00:00 2001
From: wadii <wadii.zaim@flagsmith.com>
Date: Fri, 10 Jul 2026 13:05:03 +0200
Subject: [PATCH 2/3] feat(metrics): add unique analytics IDs to metrics page
 buttons

---
 .../experiments/CreateMetricForm/CreateMetricForm.tsx  |  8 +++++++-
 .../experiments/MetricsTable/MetricsTable.tsx          |  2 ++
 frontend/web/components/pages/MetricsPage.tsx          | 10 ++++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/web/components/experiments/CreateMetricForm/CreateMetricForm.tsx b/frontend/web/components/experiments/CreateMetricForm/CreateMetricForm.tsx
index 3707182f4ad7..afeaca52b6de 100644
--- a/frontend/web/components/experiments/CreateMetricForm/CreateMetricForm.tsx
+++ b/frontend/web/components/experiments/CreateMetricForm/CreateMetricForm.tsx
@@ -162,10 +162,16 @@ const CreateMetricForm: FC<CreateMetricFormProps> = ({
       </div>
 
       <div className='create-metric-form__actions d-flex justify-content-end gap-2 pt-2'>
-        <Button theme='outline' onClick={handleCancel} disabled={isSaving}>
+        <Button
+          id='metric-form-cancel'
+          theme='outline'
+          onClick={handleCancel}
+          disabled={isSaving}
+        >
           Cancel
         </Button>
         <Button
+          id='metric-form-submit'
           theme='primary'
           onClick={handleSubmit}
           disabled={!canSubmitMetric(state) || isSaving}
diff --git a/frontend/web/components/experiments/MetricsTable/MetricsTable.tsx b/frontend/web/components/experiments/MetricsTable/MetricsTable.tsx
index 450d86747e11..16e320ad174d 100644
--- a/frontend/web/components/experiments/MetricsTable/MetricsTable.tsx
+++ b/frontend/web/components/experiments/MetricsTable/MetricsTable.tsx
@@ -50,6 +50,7 @@ const MetricsTable: FC<MetricsTableProps> = ({ metrics, onDelete, onEdit }) => {
             </td>
             <td className='metrics-table__actions'>
               <Button
+                id={`metrics-table-edit-${metric.id}`}
                 type='button'
                 size='small'
                 className='btn btn-with-icon'
@@ -58,6 +59,7 @@ const MetricsTable: FC<MetricsTableProps> = ({ metrics, onDelete, onEdit }) => {
                 <Icon name='edit' width={16} fill='#656D7B' />
               </Button>
               <Button
+                id={`metrics-table-delete-${metric.id}`}
                 type='button'
                 size='small'
                 className='btn btn-with-icon'
diff --git a/frontend/web/components/pages/MetricsPage.tsx b/frontend/web/components/pages/MetricsPage.tsx
index 47adc1e686ad..0565554b7559 100644
--- a/frontend/web/components/pages/MetricsPage.tsx
+++ b/frontend/web/components/pages/MetricsPage.tsx
@@ -223,7 +223,10 @@ const MetricsPage: FC = () => {
           <p className='text-muted mb-4'>
             Create your first metric to measure experiment outcomes.
           </p>
-          <Button onClick={() => history.push(`${metricsPath}?create=true`)}>
+          <Button
+            id='metrics-page-create-empty'
+            onClick={() => history.push(`${metricsPath}?create=true`)}
+          >
             <Icon name='plus' width={16} />
             Create Metric
           </Button>
@@ -261,7 +264,10 @@ const MetricsPage: FC = () => {
               search
             />
           </div>
-          <Button onClick={() => history.push(`${metricsPath}?create=true`)}>
+          <Button
+            id='metrics-page-create'
+            onClick={() => history.push(`${metricsPath}?create=true`)}
+          >
             <Icon name='plus' width={16} />
             Create Metric
           </Button>

From cb05e104dfbe795f3aee27beb59af463a6a0b41a Mon Sep 17 00:00:00 2001
From: wadii <wadii.zaim@flagsmith.com>
Date: Fri, 10 Jul 2026 13:05:08 +0200
Subject: [PATCH 3/3] feat(warehouse): add unique analytics IDs to warehouse
 setup buttons

---
 .../tabs/warehouse-tab/ConfigForm.tsx                  |  9 ++++++++-
 .../tabs/warehouse-tab/WarehouseConnectionCard.tsx     | 10 +++++++++-
 .../tabs/warehouse-tab/WarehouseSetup.tsx              |  1 +
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ConfigForm.tsx b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ConfigForm.tsx
index 03f5ceb7be30..493d7863f346 100644
--- a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ConfigForm.tsx
+++ b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/ConfigForm.tsx
@@ -185,10 +185,17 @@ const ConfigForm: FC<ConfigFormProps> = ({
         )}
 
         <div className='wh-config-form__actions'>
-          <Button theme='outline' size='small' onClick={onCancel} type='button'>
+          <Button
+            id='warehouse-config-cancel'
+            theme='outline'
+            size='small'
+            onClick={onCancel}
+            type='button'
+          >
             Cancel
           </Button>
           <Button
+            id='warehouse-config-save'
             theme='primary'
             size='small'
             type='submit'
diff --git a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseConnectionCard.tsx b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseConnectionCard.tsx
index 6c3759bb9190..225ae8791711 100644
--- a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseConnectionCard.tsx
+++ b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseConnectionCard.tsx
@@ -96,6 +96,7 @@ const WarehouseConnectionCard: FC<WarehouseConnectionCardProps> = ({
         <div className='d-flex flex-row align-items-center gap-2'>
           {onEdit && (
             <Button
+              id='warehouse-connection-edit'
               size='xSmall'
               className='btn btn-with-icon'
               onClick={onEdit}
@@ -104,6 +105,7 @@ const WarehouseConnectionCard: FC<WarehouseConnectionCardProps> = ({
             </Button>
           )}
           <Button
+            id='warehouse-connection-delete'
             size='xSmall'
             className='btn btn-with-icon'
             onClick={handleDelete}
@@ -133,12 +135,18 @@ const WarehouseConnectionCard: FC<WarehouseConnectionCardProps> = ({
       <WarehouseEventCodeHelp />
       <div className='d-flex justify-content-end mt-3'>
         {!isFlagsmith && (
-          <Button theme='outline' size='small' disabled>
+          <Button
+            id='warehouse-connection-test'
+            theme='outline'
+            size='small'
+            disabled
+          >
             Test connection
           </Button>
         )}
         {isFlagsmith && !isPending && !isConnected && (
           <Button
+            id='warehouse-send-first-event'
             theme='primary'
             size='small'
             onClick={onSendTestEvent}
diff --git a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseSetup.tsx b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseSetup.tsx
index 76390468ef67..3c0946b5601b 100644
--- a/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseSetup.tsx
+++ b/frontend/web/components/pages/environment-settings/tabs/warehouse-tab/WarehouseSetup.tsx
@@ -90,6 +90,7 @@ const WarehouseSetup: FC<WarehouseSetupProps> = ({
           </p>
           <div>
             <Button
+              id='warehouse-enable'
               theme='primary'
               size='small'
               disabled={isCreating}