Show predicted times in Upcoming Departures

Upcoming Departures to this point used scheduled times, when it should
be displaying live predictions (for every mode except CR, which will be
addressed in an upcoming PR). Corrected.

apps/site/assets/ts/schedule/__tests__/TripDetailsTest.tsx

@@ -5,9 +5,11 @@ import { TripDetails, State } from "../components/schedule-finder/TripDetails";
 import { TripInfo } from "../components/__trips";
 import tripData from "./tripInfo.json";
 import crTripData from "./crTripInfo.json";
+import tripDataWithPredictions from "./tripInfoWithPredictions.json";
 
-const tripInfo: TripInfo = (tripData as unknown) as TripInfo;
-const crTripInfo: TripInfo = (crTripData as unknown) as TripInfo;
+const tripInfo: TripInfo = tripData as TripInfo;
+const crTripInfo: TripInfo = crTripData as TripInfo;
+const tripInfoWithPredictions = tripDataWithPredictions as TripInfo;
 
 const successState = {
   data: tripInfo,
@@ -21,6 +23,12 @@ const crSuccessState = {
   error: false
 } as State;
 
+const successStateWithPredictions = {
+  data: tripInfoWithPredictions,
+  isLoading: false,
+  error: false
+} as State;
+
 const errorState = {
   data: null,
   isLoading: false,
@@ -51,4 +59,12 @@ describe("TripDetails", () => {
     );
     expect(tree).toMatchSnapshot();
   });
+
+  it("uses a predicted departure time in preference to a scheduled one", () => {
+    createReactRoot();
+    const tree = renderer.create(
+      <TripDetails state={successStateWithPredictions} showFare={false} />
+    );
+    expect(tree).toMatchSnapshot();
+  });
 });