Make units explicit in flaky test

Author: bkeepers

packages/react/test/components/TideTableFetcher.test.tsx

@@ -100,11 +100,10 @@ describe("TideTable data grouping and state", () => {
     ];
 
     const { container } = render(<TideTable extremes={extremes} timezone="UTC" />, {
-      wrapper: createTestWrapper(),
+      wrapper: createTestWrapper({ units: "feet" }),
     });
     const view = within(container);
 
-    // Provider defaults to feet (en-US locale)
     expect(view.getByText("1.5 ft")).toBeDefined();
   });
 });

packages/react/test/helpers.tsx

@@ -1,10 +1,12 @@
 import { inject } from "vitest";
 import { QueryClient } from "@tanstack/react-query";
-import { NeapsProvider } from "../src/provider.js";
+import { NeapsProvider, NeapsProviderProps } from "../src/provider.js";
 import type { ReactNode } from "react";
 
-export function createTestWrapper({ baseUrl, locale }: { baseUrl?: string; locale?: string } = {}) {
-  const url = baseUrl ?? inject("apiBaseUrl");
+export function createTestWrapper({
+  baseUrl = inject("apiBaseUrl"),
+  ...props
+}: Partial<NeapsProviderProps> = {}) {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: {
@@ -15,7 +17,7 @@ export function createTestWrapper({ baseUrl, locale }: { baseUrl?: string; local
 
   return function TestWrapper({ children }: { children: ReactNode }) {
     return (
-      <NeapsProvider baseUrl={url} queryClient={queryClient} locale={locale ?? "en-US"}>
+      <NeapsProvider baseUrl={baseUrl} queryClient={queryClient} {...props}>
         {children}
       </NeapsProvider>
     );