feat(StopPageDepartures): omit noncanon headsign

mbta · Nov 2, 2023 · 79516bb · 79516bb
1 parent 10b0aec
commit 79516bb
Show file tree

Hide file tree

Showing 4 changed files with 99 additions and 10 deletions.
diff --git a/apps/site/assets/ts/models/route-patterns.ts b/apps/site/assets/ts/models/route-patterns.ts
@@ -1,4 +1,8 @@
-import { GroupedRoutePatterns } from "../stop/stop-redesign-loader";
+import {
+  GroupedRoutePatterns,
+  RoutePatternWithPolyline
+} from "../stop/stop-redesign-loader";
+import { DepartureInfo } from "./departureInfo";
 
 type RoutePatternGroup = GroupedRoutePatterns[keyof GroupedRoutePatterns];
 export type RoutePatternGroupEntries = [
@@ -21,5 +25,13 @@ const sortedGroupedRoutePatterns = (
   });
 };
 
+const isNoncanonicalAndNoDepartures = (
+  routePatterns: RoutePatternWithPolyline[],
+  departures: DepartureInfo[]
+): boolean => {
+  const isNonCanonical = !routePatterns.find(rp => !!rp.canonical);
+  return isNonCanonical && departures.length === 0;
+};
+
 // eslint-disable-next-line import/prefer-default-export
-export { sortedGroupedRoutePatterns };
+export { sortedGroupedRoutePatterns, isNoncanonicalAndNoDepartures };
diff --git a/apps/site/assets/ts/stop/__tests__/StopPageDeparturesTest.tsx b/apps/site/assets/ts/stop/__tests__/StopPageDeparturesTest.tsx
@@ -3,6 +3,7 @@ import { screen, waitFor } from "@testing-library/react";
 import StopPageDepartures from "../components/StopPageDepartures";
 import { Route } from "../../__v3api";
 import { TEST_LOADER_VALUE, baseRoute, renderWithRouter } from "./helpers";
+import { cloneDeep } from "lodash";
 
 const routeData: Route[] = [baseRoute("16", 3), baseRoute("Red", 1)];
 
@@ -57,4 +58,55 @@ describe("StopPageDepartures", () => {
       ).toBeNull();
     });
   });
+
+  it("doesn't show headsigns for uncommon subway route patterns with no upcoming service", async () => {
+    const subwayRoute = baseRoute("Red", 1);
+    const withUncommonRoutePattern = cloneDeep(TEST_LOADER_VALUE);
+    // give Ashmont non-canonical route patterns
+    withUncommonRoutePattern["Red"][
+      "Ashmont"
+    ].route_patterns = withUncommonRoutePattern["Red"][
+      "Ashmont"
+    ].route_patterns.map(rp => ({ ...rp, canonical: false }));
+    renderWithRouter(
+      <StopPageDepartures
+        routes={[subwayRoute]}
+        alerts={[]}
+        departureInfos={[]}
+        groupedRoutePatterns={withUncommonRoutePattern}
+      />
+    );
+    await waitFor(() => {
+      expect(screen.queryByText("Braintree")).toBeTruthy();
+      expect(screen.queryByText("Alewife")).toBeTruthy();
+      expect(screen.queryByText("Ashmont")).toBeFalsy();
+    });
+  });
+
+  it("doesn't show departure card when all headsigns for uncommon subway route patterns have no upcoming service", async () => {
+    const subwayRoute = baseRoute("Red", 1);
+    const withUncommonRoutePattern = cloneDeep(TEST_LOADER_VALUE);
+    ["Braintree", "Alewife", "Ashmont"].forEach(headsign => {
+      withUncommonRoutePattern["Red"][
+        `${headsign}`
+      ].route_patterns = withUncommonRoutePattern["Red"][
+        `${headsign}`
+      ].route_patterns.map(rp => ({ ...rp, canonical: false }));
+    });
+
+    renderWithRouter(
+      <StopPageDepartures
+        routes={[subwayRoute]}
+        alerts={[]}
+        departureInfos={[]}
+        groupedRoutePatterns={withUncommonRoutePattern}
+      />
+    );
+    await waitFor(() => {
+      expect(screen.queryByText("Braintree")).toBeFalsy();
+      expect(screen.queryByText("Alewife")).toBeFalsy();
+      expect(screen.queryByText("Ashmont")).toBeFalsy();
+      expect(screen.queryByText("Red Line")).toBeFalsy();
+    });
+  });
 });
diff --git a/apps/site/assets/ts/stop/__tests__/StopPageRedesignTest.tsx b/apps/site/assets/ts/stop/__tests__/StopPageRedesignTest.tsx
@@ -24,7 +24,7 @@ const renderWithAct = (children: React.ReactElement) =>
     renderWithRouter(children);
   });
 
-const testRoutes = Object.keys(TEST_LOADER_VALUE).map(id => baseRoute(id, 1));
+const testRoutes = Object.keys(TEST_LOADER_VALUE).map(id => baseRoute(id, 3));
 
 describe("StopPageRedesign", () => {
   beforeEach(() => {

diff --git a/apps/site/assets/ts/stop/components/StopPageDepartures.tsx b/apps/site/assets/ts/stop/components/StopPageDepartures.tsx
@@ -1,13 +1,21 @@
-import { filter, groupBy, sortBy } from "lodash";
+import { filter, groupBy, reject, sortBy } from "lodash";
 import React, { ReactElement, useState } from "react";
 import { Alert, Route } from "../../__v3api";
 import DeparturesFilters, { ModeChoice } from "./DeparturesFilters";
-import { isRailReplacementBus, modeForRoute } from "../../models/route";
+import {
+  isRailReplacementBus,
+  isSubwayRoute,
+  modeForRoute
+} from "../../models/route";
 import DepartureCard from "./DepartureCard";
 import { alertsByRoute, isInNextXDays } from "../../models/alert";
 import { DepartureInfo } from "../../models/departureInfo";
 import { GroupedRoutePatterns } from "../stop-redesign-loader";
-import { sortedGroupedRoutePatterns } from "../../models/route-patterns";
+import {
+  isNoncanonicalAndNoDepartures,
+  sortedGroupedRoutePatterns
+} from "../../models/route-patterns";
+import { departureInfoInRoutePatterns } from "../../helpers/departureInfo";
 
 interface StopPageDeparturesProps {
   routes: Route[];
@@ -56,18 +64,35 @@ const StopPageDepartures = ({
       <ul className="stop-departures list-unstyled">
         {sortBy(filteredRoutes, [modeSortFn, "sort_order"]).map(route => {
           const groupedByHeadsign = groupedRoutePatterns[route.id];
-          const sortedRoutePatternsByHeadsign = sortedGroupedRoutePatterns(
+          let sortedRoutePatternsByHeadsign = sortedGroupedRoutePatterns(
             groupedByHeadsign
           );
+          const departuresForRoute = departureInfos.filter(
+            d => d.route.id === route.id
+          );
+          if (isSubwayRoute(route)) {
+            // remove certain headsigns based on route pattern and departures
+            sortedRoutePatternsByHeadsign = reject(
+              sortedRoutePatternsByHeadsign,
+              entry => {
+                const [, { route_patterns: routePatterns }] = entry;
+                const departures = departuresForRoute.filter(d =>
+                  departureInfoInRoutePatterns(d, routePatterns)
+                );
+                return isNoncanonicalAndNoDepartures(routePatterns, departures);
+              }
+            );
+            // don't render a route card if there's no headsigns left to show
+            if (sortedRoutePatternsByHeadsign.length === 0) return null;
+          }
+
           return (
             <DepartureCard
               key={route.id}
               route={route}
               routePatternsByHeadsign={sortedRoutePatternsByHeadsign}
               alertsForRoute={groupedAlerts[route.id] || []}
-              departuresForRoute={departureInfos.filter(
-                d => d.route.id === route.id
-              )}
+              departuresForRoute={departuresForRoute}
             />
           );
         })}