From 3bcc28251a6b2771dbe761a845aec1d938deb635 Mon Sep 17 00:00:00 2001
From: krzysztof ziecina <kziecina@airnauts.com>
Date: Thu, 6 Nov 2025 16:57:36 +0100
Subject: [PATCH 1/4] feat: add neighborhood amenities as dropdowns

---
 api/prisma/seed-staging.ts                    |  6 ++-
 .../enums/feature-flags/feature-flags-enum.ts |  6 +++
 shared-helpers/src/types/backend-swagger.ts   |  1 +
 .../locale_overrides/general.json             | 10 ++++
 .../sections/NeighborhoodAmenities.tsx        | 49 +++++++++++++++----
 5 files changed, 62 insertions(+), 10 deletions(-)

diff --git a/api/prisma/seed-staging.ts b/api/prisma/seed-staging.ts
index 0ae2470dca1..5f68a3a4a4a 100644
--- a/api/prisma/seed-staging.ts
+++ b/api/prisma/seed-staging.ts
@@ -156,7 +156,11 @@ export const stagingSeed = async (
   });
   const angelopolisJurisdiction = await prismaClient.jurisdictions.create({
     data: jurisdictionFactory('Angelopolis', {
-      featureFlags: [FeatureFlagEnum.enableNeighborhoodAmenities, FeatureFlagEnum.enableHousingDeveloperOwner],
+      featureFlags: [
+        FeatureFlagEnum.enableHousingDeveloperOwner,
+        FeatureFlagEnum.enableNeighborhoodAmenities,
+        FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown,
+      ],
       visibleNeighborhoodAmenities: [
         NeighborhoodAmenitiesEnum.groceryStores,
         NeighborhoodAmenitiesEnum.pharmacies,
diff --git a/api/src/enums/feature-flags/feature-flags-enum.ts b/api/src/enums/feature-flags/feature-flags-enum.ts
index d4ef3a08b3f..16af2dd738a 100644
--- a/api/src/enums/feature-flags/feature-flags-enum.ts
+++ b/api/src/enums/feature-flags/feature-flags-enum.ts
@@ -24,6 +24,7 @@ export enum FeatureFlagEnum {
   enableListingUpdatedAt = 'enableListingUpdatedAt',
   enableMarketingStatus = 'enableMarketingStatus',
   enableNeighborhoodAmenities = 'enableNeighborhoodAmenities',
+  enableNeighborhoodAmenitiesDropdown = 'enableNeighborhoodAmenitiesDropdown',
   enableNonRegulatedListings = 'enableNonRegulatedListings',
   enablePartnerDemographics = 'enablePartnerDemographics',
   enablePartnerSettings = 'enablePartnerSettings',
@@ -154,6 +155,11 @@ export const featureFlagMap: { name: string; description: string }[] = [
     description:
       "When true, the 'neighborhood amenities' section is displayed in listing creation/edit and the public listing view",
   },
+  {
+    name: FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown,
+    description:
+      'When true, neighborhood amenities inputs render as dropdowns with distance options instead of textareas',
+  },
   {
     name: FeatureFlagEnum.enableNonRegulatedListings,
     description:
diff --git a/shared-helpers/src/types/backend-swagger.ts b/shared-helpers/src/types/backend-swagger.ts
index f23c42e535f..3c48427d172 100644
--- a/shared-helpers/src/types/backend-swagger.ts
+++ b/shared-helpers/src/types/backend-swagger.ts
@@ -7582,6 +7582,7 @@ export enum FeatureFlagEnum {
   "enableListingUpdatedAt" = "enableListingUpdatedAt",
   "enableMarketingStatus" = "enableMarketingStatus",
   "enableNeighborhoodAmenities" = "enableNeighborhoodAmenities",
+  "enableNeighborhoodAmenitiesDropdown" = "enableNeighborhoodAmenitiesDropdown",
   "enableNonRegulatedListings" = "enableNonRegulatedListings",
   "enablePartnerDemographics" = "enablePartnerDemographics",
   "enablePartnerSettings" = "enablePartnerSettings",
diff --git a/sites/partners/page_content/locale_overrides/general.json b/sites/partners/page_content/locale_overrides/general.json
index 9ff341cf427..72bec6f8e5a 100644
--- a/sites/partners/page_content/locale_overrides/general.json
+++ b/sites/partners/page_content/locale_overrides/general.json
@@ -508,6 +508,16 @@
   "nav.flags": "Flags",
   "nav.siteTitlePartners": "Partners Portal",
   "nav.users": "Users",
+  "neighborhoodAmenities.distance.onSite": "On site",
+  "neighborhoodAmenities.distance.oneBlock": "One block",
+  "neighborhoodAmenities.distance.twoBlocks": "Two blocks",
+  "neighborhoodAmenities.distance.threeBlocks": "Three blocks",
+  "neighborhoodAmenities.distance.fourBlocks": "Four blocks",
+  "neighborhoodAmenities.distance.fiveBlocks": "Five blocks",
+  "neighborhoodAmenities.distance.withinOneMile": "Within one mile",
+  "neighborhoodAmenities.distance.withinTwoMiles": "Within two miles",
+  "neighborhoodAmenities.distance.withinThreeMiles": "Within three miles",
+  "neighborhoodAmenities.distance.withinFourMiles": "Within four miles",
   "settings.createCopy": "Make a copy",
   "settings.createCopyDescription": "Create a copy of your preference.",
   "settings.preference": "Preference",
diff --git a/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx b/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
index d9dde84fdeb..83007949247 100644
--- a/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
+++ b/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
@@ -1,6 +1,6 @@
 import React, { useContext, useMemo } from "react"
 import { useFormContext } from "react-hook-form"
-import { t, Textarea } from "@bloom-housing/ui-components"
+import { t, Textarea, Select } from "@bloom-housing/ui-components"
 import { Grid } from "@bloom-housing/ui-seeds"
 import SectionWithGrid from "../../../shared/SectionWithGrid"
 import { AuthContext } from "@bloom-housing/shared-helpers"
@@ -25,6 +25,25 @@ const NeighborhoodAmenities = () => {
     jurisdiction
   )
 
+  const enableNeighborhoodAmenitiesDropdown = doJurisdictionsHaveFeatureFlagOn(
+    FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown,
+    jurisdiction
+  )
+
+  const neighborhoodAmenityKeys: string[] = [
+    "",
+    "onSite",
+    "oneBlock",
+    "twoBlocks",
+    "threeBlocks",
+    "fourBlocks",
+    "fiveBlocks",
+    "withinOneMile",
+    "withinTwoMiles",
+    "withinThreeMiles",
+    "withinFourMiles",
+  ]
+
   const visibleAmenities = useMemo(() => {
     const visibleAmenitiesList = jurisdictionData?.visibleNeighborhoodAmenities || []
     return Object.values(NeighborhoodAmenitiesEnum).filter((amenity) =>
@@ -56,14 +75,26 @@ const NeighborhoodAmenities = () => {
           <Grid.Row key={rowIndex} columns={2}>
             {row.map((amenity) => (
               <Grid.Cell key={amenity}>
-                <Textarea
-                  label={t(`listings.amenities.${amenity}`)}
-                  name={`listingNeighborhoodAmenities.${amenity}`}
-                  id={`listingNeighborhoodAmenities.${amenity}`}
-                  fullWidth={true}
-                  register={register}
-                  placeholder={""}
-                />
+                {enableNeighborhoodAmenitiesDropdown ? (
+                  <Select
+                    id={`listingNeighborhoodAmenities.${amenity}`}
+                    name={`listingNeighborhoodAmenities.${amenity}`}
+                    label={t(`listings.amenities.${amenity}`)}
+                    register={register}
+                    options={neighborhoodAmenityKeys}
+                    controlClassName="control"
+                    keyPrefix="neighborhoodAmenities.distance"
+                  />
+                ) : (
+                  <Textarea
+                    label={t(`listings.amenities.${amenity}`)}
+                    name={`listingNeighborhoodAmenities.${amenity}`}
+                    id={`listingNeighborhoodAmenities.${amenity}`}
+                    fullWidth={true}
+                    register={register}
+                    placeholder={""}
+                  />
+                )}
               </Grid.Cell>
             ))}
           </Grid.Row>

From 12285200885d86318deae6dac8ff3b607696f69d Mon Sep 17 00:00:00 2001
From: krzysztof ziecina <kziecina@airnauts.com>
Date: Thu, 6 Nov 2025 17:30:07 +0100
Subject: [PATCH 2/4] fix: switch array to enum

---
 .../sections/NeighborhoodAmenities.tsx        | 34 ++++++++++++-------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx b/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
index 83007949247..30900fb50c7 100644
--- a/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
+++ b/sites/partners/src/components/listings/PaperListingForm/sections/NeighborhoodAmenities.tsx
@@ -10,6 +10,19 @@ import {
 } from "@bloom-housing/shared-helpers/src/types/backend-swagger"
 import { useJurisdiction } from "../../../../lib/hooks"
 
+enum NeighborhoodAmenityDistanceEnum {
+  onSite = "onSite",
+  oneBlock = "oneBlock",
+  twoBlocks = "twoBlocks",
+  threeBlocks = "threeBlocks",
+  fourBlocks = "fourBlocks",
+  fiveBlocks = "fiveBlocks",
+  withinOneMile = "withinOneMile",
+  withinTwoMiles = "withinTwoMiles",
+  withinThreeMiles = "withinThreeMiles",
+  withinFourMiles = "withinFourMiles",
+}
+
 const NeighborhoodAmenities = () => {
   const formMethods = useFormContext()
   const { doJurisdictionsHaveFeatureFlagOn } = useContext(AuthContext)
@@ -30,18 +43,14 @@ const NeighborhoodAmenities = () => {
     jurisdiction
   )
 
-  const neighborhoodAmenityKeys: string[] = [
+  const neighborhoodAmenityOptions = [
     "",
-    "onSite",
-    "oneBlock",
-    "twoBlocks",
-    "threeBlocks",
-    "fourBlocks",
-    "fiveBlocks",
-    "withinOneMile",
-    "withinTwoMiles",
-    "withinThreeMiles",
-    "withinFourMiles",
+    ...Object.values(NeighborhoodAmenityDistanceEnum).map((val) => {
+      return {
+        value: t(`neighborhoodAmenities.distance.${val}`),
+        label: t(`neighborhoodAmenities.distance.${val}`),
+      }
+    }),
   ]
 
   const visibleAmenities = useMemo(() => {
@@ -81,9 +90,8 @@ const NeighborhoodAmenities = () => {
                     name={`listingNeighborhoodAmenities.${amenity}`}
                     label={t(`listings.amenities.${amenity}`)}
                     register={register}
-                    options={neighborhoodAmenityKeys}
+                    options={neighborhoodAmenityOptions}
                     controlClassName="control"
-                    keyPrefix="neighborhoodAmenities.distance"
                   />
                 ) : (
                   <Textarea

From 347fae02c6a1dc63cb223c1ff5076aa8968bb508 Mon Sep 17 00:00:00 2001
From: krzysztof ziecina <kziecina@airnauts.com>
Date: Mon, 10 Nov 2025 08:54:12 +0100
Subject: [PATCH 3/4] test: add test for NeighborhoodAmenities partners section

---
 .../sections/NeighborhoodAmenities.test.tsx   | 285 ++++++++++++++++++
 1 file changed, 285 insertions(+)
 create mode 100644 sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx

diff --git a/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx b/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx
new file mode 100644
index 00000000000..e5920357a38
--- /dev/null
+++ b/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx
@@ -0,0 +1,285 @@
+import React from "react"
+import { screen, waitFor, within } from "@testing-library/react"
+import { FormProvider, useForm } from "react-hook-form"
+import { AuthContext } from "@bloom-housing/shared-helpers"
+import {
+  FeatureFlagEnum,
+  Jurisdiction,
+  JurisdictionsService,
+  NeighborhoodAmenitiesEnum,
+} from "@bloom-housing/shared-helpers/src/types/backend-swagger"
+import { t } from "@bloom-housing/ui-components"
+import { mockNextRouter, render } from "../../../../testUtils"
+import { formDefaults, FormListing } from "../../../../../src/lib/listings/formTypes"
+import NeighborhoodAmenities from "../../../../../src/components/listings/PaperListingForm/sections/NeighborhoodAmenities"
+
+const FormComponent = ({ children, values }: { values?: FormListing; children }) => {
+  const formMethods = useForm<FormListing>({
+    defaultValues: { ...formDefaults, ...values },
+    shouldUnregister: false,
+  })
+  return <FormProvider {...formMethods}>{children}</FormProvider>
+}
+
+beforeAll(() => {
+  mockNextRouter()
+})
+
+describe("NeighborhoodAmenities", () => {
+  const mockJurisdictionWithAllAmenities = {
+    id: "jurisdiction1",
+    name: "Test Jurisdiction",
+    visibleNeighborhoodAmenities: [
+      NeighborhoodAmenitiesEnum.groceryStores,
+      NeighborhoodAmenitiesEnum.publicTransportation,
+      NeighborhoodAmenitiesEnum.schools,
+      NeighborhoodAmenitiesEnum.parksAndCommunityCenters,
+      NeighborhoodAmenitiesEnum.pharmacies,
+      NeighborhoodAmenitiesEnum.healthCareResources,
+    ],
+  }
+
+  const mockJurisdictionWithLimitedAmenities = {
+    id: "jurisdiction2",
+    name: "Limited Jurisdiction",
+    visibleNeighborhoodAmenities: [
+      NeighborhoodAmenitiesEnum.groceryStores,
+      NeighborhoodAmenitiesEnum.publicTransportation,
+    ],
+  }
+
+  it("should not render when feature flag is disabled", () => {
+    const doJurisdictionsHaveFeatureFlagOn = () => false
+
+    const { container } = render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+        }}
+      >
+        <FormComponent
+          values={{ ...formDefaults, jurisdictions: { id: "jurisdiction1" } as Jurisdiction }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    expect(container.firstChild).toBeNull()
+  })
+
+  it("should not render when no jurisdiction is selected", () => {
+    const doJurisdictionsHaveFeatureFlagOn = () => true
+
+    const { container } = render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+        }}
+      >
+        <FormComponent>
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    expect(container.firstChild).toBeNull()
+  })
+
+  it("should render all neighborhood amenities as textareas when dropdown is disabled", async () => {
+    const mockRetrieve = jest.fn().mockResolvedValue(mockJurisdictionWithAllAmenities)
+
+    const doJurisdictionsHaveFeatureFlagOn = (flag: FeatureFlagEnum) => {
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenities) return true
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown) return false
+      return false
+    }
+
+    render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+          jurisdictionsService: {
+            retrieve: mockRetrieve,
+          } as unknown as JurisdictionsService,
+        }}
+      >
+        <FormComponent
+          values={{ ...formDefaults, jurisdictions: { id: "jurisdiction1" } as Jurisdiction }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    await screen.findByRole("heading", { name: "Neighborhood amenities" })
+    expect(
+      screen.getByText(
+        "Provide details about any local amenities including grocery stores, health services and parks within 2 miles of your listing."
+      )
+    ).toBeInTheDocument()
+
+    // Test all visible amenities are rendered as textareas
+    for (const amenity of mockJurisdictionWithAllAmenities.visibleNeighborhoodAmenities) {
+      const amenityLabel = t(`listings.amenities.${amenity}`)
+      const textarea = await screen.findByRole("textbox", { name: amenityLabel })
+      expect(textarea).toBeInTheDocument()
+      expect(textarea.tagName).toBe("TEXTAREA")
+    }
+  })
+
+  it("should render neighborhood amenities with dropdowns when dropdown is enabled", async () => {
+    const mockRetrieve = jest.fn().mockResolvedValue(mockJurisdictionWithAllAmenities)
+
+    const doJurisdictionsHaveFeatureFlagOn = (flag: FeatureFlagEnum) => {
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenities) return true
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown) return true
+      return false
+    }
+
+    render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+          jurisdictionsService: {
+            retrieve: mockRetrieve,
+          } as unknown as JurisdictionsService,
+        }}
+      >
+        <FormComponent
+          values={{
+            ...formDefaults,
+            jurisdictions: { id: "jurisdiction1" } as Jurisdiction,
+          }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    await waitFor(() => {
+      expect(screen.getByRole("heading", { name: "Neighborhood amenities" })).toBeInTheDocument()
+    })
+    expect(
+      screen.getByText(
+        "Provide details about any local amenities including grocery stores, health services and parks within 2 miles of your listing."
+      )
+    ).toBeInTheDocument()
+
+    // Test all visible amenities are rendered as SELECT dropdowns
+    for (const amenity of mockJurisdictionWithAllAmenities.visibleNeighborhoodAmenities) {
+      const amenityLabel = t(`listings.amenities.${amenity}`)
+      const select = screen.getByRole("combobox", { name: amenityLabel })
+      expect(select).toBeInTheDocument()
+      expect(select.tagName).toBe("SELECT")
+    }
+  })
+
+  it("should only render visible amenities from jurisdiction configuration", async () => {
+    const mockRetrieve = jest.fn().mockResolvedValue(mockJurisdictionWithLimitedAmenities)
+
+    const doJurisdictionsHaveFeatureFlagOn = (flag: FeatureFlagEnum) => {
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenities) return true
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown) return false
+      return false
+    }
+
+    render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+          jurisdictionsService: {
+            retrieve: mockRetrieve,
+          } as unknown as JurisdictionsService,
+        }}
+      >
+        <FormComponent
+          values={{
+            ...formDefaults,
+            jurisdictions: { id: "jurisdiction2" } as Jurisdiction,
+          }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    await screen.findByRole("heading", { name: "Neighborhood amenities" })
+
+    expect(screen.getByRole("textbox", { name: "Grocery stores" })).toBeInTheDocument()
+    expect(screen.getByRole("textbox", { name: "Public transportation" })).toBeInTheDocument()
+
+    expect(screen.queryByRole("textbox", { name: "Schools" })).not.toBeInTheDocument()
+    expect(
+      screen.queryByRole("textbox", { name: "Parks and community centers" })
+    ).not.toBeInTheDocument()
+    expect(screen.queryByRole("textbox", { name: "Pharmacies" })).not.toBeInTheDocument()
+    expect(screen.queryByRole("textbox", { name: "Health care resources" })).not.toBeInTheDocument()
+  })
+
+  it("should include distance options in dropdown when enabled", async () => {
+    const mockRetrieve = jest.fn().mockResolvedValue(mockJurisdictionWithLimitedAmenities)
+
+    const doJurisdictionsHaveFeatureFlagOn = (flag: FeatureFlagEnum) => {
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenities) return true
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenitiesDropdown) return true
+      return false
+    }
+
+    render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+          jurisdictionsService: {
+            retrieve: mockRetrieve,
+          } as unknown as JurisdictionsService,
+        }}
+      >
+        <FormComponent
+          values={{ ...formDefaults, jurisdictions: { id: "jurisdiction1" } as Jurisdiction }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    const select = await screen.findByRole("combobox", { name: "Grocery stores" })
+    expect(select).toBeInTheDocument()
+
+    const options = within(select).getAllByRole("option")
+    // distance options + empty option
+    expect(options.length).toBe(11)
+  })
+
+  it("should render partial amenities in 1 row when there are less or equal to 2 amenities", async () => {
+    const mockRetrieve = jest.fn().mockResolvedValue(mockJurisdictionWithLimitedAmenities)
+
+    const doJurisdictionsHaveFeatureFlagOn = (flag: FeatureFlagEnum) => {
+      if (flag === FeatureFlagEnum.enableNeighborhoodAmenities) return true
+      return false
+    }
+
+    const { container } = render(
+      <AuthContext.Provider
+        value={{
+          doJurisdictionsHaveFeatureFlagOn,
+          jurisdictionsService: {
+            retrieve: mockRetrieve,
+          } as unknown as JurisdictionsService,
+        }}
+      >
+        <FormComponent
+          values={{ ...formDefaults, jurisdictions: { id: "jurisdiction2" } as Jurisdiction }}
+        >
+          <NeighborhoodAmenities />
+        </FormComponent>
+      </AuthContext.Provider>
+    )
+
+    await screen.findByRole("heading", { name: "Neighborhood amenities" })
+
+    // Check that Grid.Row elements are created (2 amenities = 1 row)
+    const rows = container.querySelectorAll('[class*="grid-row"]')
+    expect(rows.length).toBe(1)
+  })
+})

From f8f61b04e98c99c9e473457149bdec7f9ffa2ee7 Mon Sep 17 00:00:00 2001
From: krzysztof ziecina <kziecina@airnauts.com>
Date: Wed, 12 Nov 2025 06:45:04 +0100
Subject: [PATCH 4/4] test: add options check for select

---
 .../sections/NeighborhoodAmenities.test.tsx   | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx b/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx
index e5920357a38..456b6a2145f 100644
--- a/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx
+++ b/sites/partners/__tests__/components/listings/PaperListingForm/sections/NeighborhoodAmenities.test.tsx
@@ -247,8 +247,26 @@ describe("NeighborhoodAmenities", () => {
     expect(select).toBeInTheDocument()
 
     const options = within(select).getAllByRole("option")
-    // distance options + empty option
-    expect(options.length).toBe(11)
+
+    const optionTexts = options.map((option) => option.textContent)
+    const expectedDistanceOptions = [
+      "On site",
+      "One block",
+      "Two blocks",
+      "Three blocks",
+      "Four blocks",
+      "Five blocks",
+      "Within one mile",
+      "Within two miles",
+      "Within three miles",
+      "Within four miles",
+    ]
+    expect(optionTexts).toContain("Select one")
+    expect(optionTexts.length).toBe(expectedDistanceOptions.length + 1)
+
+    for (const distanceOption of expectedDistanceOptions) {
+      expect(optionTexts).toContain(distanceOption)
+    }
   })
 
   it("should render partial amenities in 1 row when there are less or equal to 2 amenities", async () => {