From e4bde159604bff7c81a1054e877d01f2458eb225 Mon Sep 17 00:00:00 2001
From: Zach Waterfield <zlwaterfield@gmail.com>
Date: Wed, 9 Oct 2024 12:55:37 -0400
Subject: [PATCH] chore: add data-att for products and addons (#25439)

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
---
 frontend/src/scenes/billing/BillingProduct.tsx      | 1 +
 frontend/src/scenes/billing/BillingProductAddon.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/scenes/billing/BillingProduct.tsx b/frontend/src/scenes/billing/BillingProduct.tsx
index 65ed3931ae02f..c6a7e91035214 100644
--- a/frontend/src/scenes/billing/BillingProduct.tsx
+++ b/frontend/src/scenes/billing/BillingProduct.tsx
@@ -102,6 +102,7 @@ export const BillingProduct = ({ product }: { product: BillingProductV2Type }):
                 'flex-col pb-4': size === 'small',
             })}
             ref={ref}
+            data-attr={`billing-product-${product.type}`}
         >
             <div className="border border-border rounded w-full bg-bg-light" ref={productRef}>
                 <div className="border-b border-border rounded-t bg-bg-3000 p-4">
diff --git a/frontend/src/scenes/billing/BillingProductAddon.tsx b/frontend/src/scenes/billing/BillingProductAddon.tsx
index b490bfc255d20..df746aba9add9 100644
--- a/frontend/src/scenes/billing/BillingProductAddon.tsx
+++ b/frontend/src/scenes/billing/BillingProductAddon.tsx
@@ -71,7 +71,11 @@ export const BillingProductAddon = ({ addon }: { addon: BillingProductV2AddonTyp
         addon.plans?.find((plan) => plan.plan_key === 'addon-20240404-og-customers')
 
     return (
-        <div className="bg-bg-3000 rounded p-6 flex flex-col" ref={productRef}>
+        <div
+            className="bg-bg-3000 rounded p-6 flex flex-col"
+            ref={productRef}
+            data-attr={`billing-product-addon-${addon.type}`}
+        >
             <div className="sm:flex justify-between gap-x-4">
                 <div className="flex gap-x-4">
                     <div className="w-8">{getProductIcon(addon.name, addon.icon_key, 'text-2xl')}</div>