Fix UI test failures after Time Schedule filter changes

- Provide timezone context required by the new time filters
- Format the Dag run limit counter according to locale conventions
- Align the limit option test with formatted number output

Author: minyeamer

airflow-core/src/airflow/ui/public/i18n/locales/en/common.json

@@ -518,7 +518,7 @@
     "dagRunLimit": "Dag run limit",
     "dagRunLimitHelp": "Displays the most recent Dag runs that match the current filters, up to the selected limit.",
     "dagRunLimitHelpLabel": "About Dag run limit",
-    "dagRunLimitOption": "Limit {{count}}",
+    "dagRunLimitOption": "Limit {{count, number}}",
     "dagRunsToDisplay": "Dag runs to display",
     "day": "Day",
     "description": "Explore Dag run timing and overlaps.",

airflow-core/src/airflow/ui/src/pages/TimeSchedule/TimeSchedule.test.tsx

@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/vitest";
 import { fireEvent, render as baseRender, screen, waitFor, within } from "@testing-library/react";
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
@@ -322,7 +322,7 @@ describe("TimeSchedule page", () => {
     fireEvent.click(within(screen.getByTestId("time-schedule-dag-run-limit")).getByRole("combobox"));
 
     expect(await screen.findByRole("option", { name: "Limit 200" })).toBeInTheDocument();
-    expect(screen.getByRole("option", { name: "Limit 5000" })).toBeInTheDocument();
+    expect(screen.getByRole("option", { name: "Limit 5,000" })).toBeInTheDocument();
     expect(screen.queryByRole("option", { name: /All Dag runs/u })).not.toBeInTheDocument();
 
     fireEvent.click(screen.getByRole("option", { name: "Limit 600" }));

airflow-core/src/airflow/ui/src/utils/useFiltersHandler.test.tsx

@@ -25,6 +25,7 @@ import { afterEach, describe, expect, it } from "vitest";
 import { isValidFilterValue } from "src/components/FilterBar/utils";
 
 import { SearchParamsKeys } from "src/constants/searchParams";
+import { TimezoneProvider } from "src/context/timezone";
 import { BaseWrapper } from "src/utils/Wrapper";
 
 import { useFiltersHandler } from "./useFiltersHandler";
@@ -33,7 +34,9 @@ const createWrapper =
   (initialEntries: Array<string> = ["/dags"]) =>
   ({ children }: PropsWithChildren) => (
     <BaseWrapper>
-      <MemoryRouter initialEntries={initialEntries}>{children}</MemoryRouter>
+      <MemoryRouter initialEntries={initialEntries}>
+        <TimezoneProvider>{children}</TimezoneProvider>
+      </MemoryRouter>
     </BaseWrapper>
   );