From 187801e15d6434fbaf40af7e1b9e0c1e08931d79 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Tue, 23 Sep 2025 15:45:57 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=85(react)=20fix=20flacky=20date=20picker?=
 =?UTF-8?q?=20test?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This test was flacky, let's fix it.
---
 .../Forms/DatePicker/DateRangePicker.spec.tsx  | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx b/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx
index 93f80e8..aba0d89 100644
--- a/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx
+++ b/packages/react/src/components/Forms/DatePicker/DateRangePicker.spec.tsx
@@ -576,22 +576,20 @@ describe("<DateRangePicker/>", () => {
     await user.click(monthButton);
     await user.click(screen.getByRole("option", { name: "January" }));
 
-    await user.click(
-      screen.getByRole("button", {
-        name: "Saturday, January 1, 1910",
-      }),
-    );
+    const startDateButton = await screen.findByRole("button", {
+      name: "Saturday, January 1, 1910",
+    });
+    await user.click(startDateButton);
 
     // Select the end date.
     await user.click(yearButton);
     await user.click(screen.getByRole("option", { name: "2040" }));
     await user.click(monthButton);
     await user.click(screen.getByRole("option", { name: "September" }));
-    await user.click(
-      screen.getByRole("button", {
-        name: "Sunday, September 2, 2040",
-      }),
-    );
+    const endDateButton = await screen.findByRole("button", {
+      name: "Sunday, September 2, 2040",
+    });
+    await user.click(endDateButton);
 
     // Make sure the correct dates are set.
     expectCalendarToBeClosed();