test(checkout): Query the native Seer checkbox

Author: natemoo-re

static/gsApp/views/amCheckout/index.spec.tsx

@@ -6,7 +6,14 @@ import {BillingConfigFixture} from 'getsentry-test/fixtures/billingConfig';
 import {MetricHistoryFixture} from 'getsentry-test/fixtures/metricHistory';
 import {SubscriptionFixture} from 'getsentry-test/fixtures/subscription';
 import {PlanTier} from 'getsentry-test/planTier';
-import {act, render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
+import {
+  act,
+  render,
+  screen,
+  userEvent,
+  waitFor,
+  within,
+} from 'sentry-test/reactTestingLibrary';
 
 import {SubscriptionStore} from 'getsentry/stores/subscriptionStore';
 import {AddOnCategory, OnDemandBudgetMode} from 'getsentry/types';
@@ -15,10 +22,9 @@ import {getCheckoutAPIData} from 'getsentry/views/amCheckout/utils';
 import {hasOnDemandBudgetsFeature} from 'getsentry/views/spendLimits/utils';
 
 function getSeerOption() {
-  const optionText = screen.getByText(/\/ active contributor \/ month/);
-  const option = optionText.closest('[role="checkbox"]');
-  expect(option).toBeInTheDocument();
-  return option!;
+  return within(screen.getByTestId(`product-option-${AddOnCategory.SEER}`)).getByRole(
+    'checkbox'
+  );
 }
 
 async function assertCheckoutSteps({