feat(ts/detour-entrypoints): add entrypoints for add detour (#2888)

* feat(ts/detour-entrypoints): add entrypoints for add detour --------- Co-authored-by: Hannah Purcell <[email protected]>
mbta · Oct 31, 2024 · 396aa37 · 396aa37
1 parent f4d842f
commit 396aa37
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 1 deletion.
diff --git a/assets/src/components/detourListPage.tsx b/assets/src/components/detourListPage.tsx
@@ -61,6 +61,7 @@ export const DetourListPage = () => {
         <Button
           className="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile"
           onClick={() => setShowDetourModal(true)}
+          data-fs-element="Add Detour"
         >
           <PlusSquare />
           <span className="c-detour-list-page__button-text">Add detour</span>

diff --git a/assets/src/components/detours/detourDropdown.tsx b/assets/src/components/detours/detourDropdown.tsx
@@ -54,6 +54,7 @@ export const DetourDropdown = ({
               zoom,
             })
           }}
+          data-fs-element="Add Detour via Vehicle Marker"
         >
           Start a detour on route {routeName}
         </DropdownItem>

diff --git a/assets/src/components/routeLadder.tsx b/assets/src/components/routeLadder.tsx
@@ -93,7 +93,11 @@ export const Header = ({
                     Adjustments
                   </div>
                 </Dropdown.Header>
-                <Dropdown.Item className="icon-link" onClick={onClickAddDetour}>
+                <Dropdown.Item
+                  className="icon-link"
+                  onClick={onClickAddDetour}
+                  data-fs-element="Add Detour on Route"
+                >
                   <PlusSquare /> Add detour
                 </Dropdown.Item>
                 {hasAlert && (

diff --git a/assets/tests/components/detours/__snapshots__/detourListPage.test.tsx.snap b/assets/tests/components/detours/__snapshots__/detourListPage.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`DetourListPage renders detour list page for dispatchers 1`] = `
     >
       <button
         class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"
+        data-fs-element="Add Detour"
         type="button"
       >
         <svg

diff --git a/assets/tests/components/detours/__snapshots__/detoursListPage.openDetour.test.tsx.snap b/assets/tests/components/detours/__snapshots__/detoursListPage.openDetour.test.tsx.snap
@@ -11,6 +11,7 @@ exports[`Detours Page: Open a Detour renders detour details in an open drawer on
     >
       <button
         class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"
+        data-fs-element="Add Detour"
         type="button"
       >
         <svg
@@ -820,6 +821,7 @@ exports[`Detours Page: Open a Detour renders detour details modal to match mocke
     >
       <button
         class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"
+        data-fs-element="Add Detour"
         type="button"
       >
         <svg