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

firestack · hannahpurcell · web-flow · commit 396aa3771b65 · 2024-10-31T19:48:07.000Z
* feat(ts/detour-entrypoints): add entrypoints for add detour

---------

Co-authored-by: Hannah Purcell &lt;69368883+hannahpurcell@users.noreply.github.com&gt;
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

Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,7 @@ export const DetourListPage = () => {`
`61`	`61`	`<Button`
`62`	`62`	`className="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile"`
`63`	`63`	`onClick={() => setShowDetourModal(true)}`
	`64`	`+ data-fs-element="Add Detour"`
`64`	`65`	`>`
`65`	`66`	`<PlusSquare />`
`66`	`67`	`<span className="c-detour-list-page__button-text">Add detour</span>`
Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ export const DetourDropdown = ({`
`54`	`54`	`zoom,`
`55`	`55`	`})`
`56`	`56`	`}}`
	`57`	`+ data-fs-element="Add Detour via Vehicle Marker"`
`57`	`58`	`>`
`58`	`59`	`Start a detour on route {routeName}`
`59`	`60`	`</DropdownItem>`
Original file line number	Diff line number	Diff line change
@@ -8,6 +8,7 @@ exports[`DetourListPage renders detour list page for dispatchers 1`] = `
`8`	`8`	`>`
`9`	`9`	`<button`
`10`	`10`	`class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"`
	`11`	`+ data-fs-element="Add Detour"`
`11`	`12`	`type="button"`
`12`	`13`	`>`
`13`	`14`	`<svg`
Original file line number	Diff line number	Diff line change
@@ -11,6 +11,7 @@ exports[`Detours Page: Open a Detour renders detour details in an open drawer on
`11`	`11`	`>`
`12`	`12`	`<button`
`13`	`13`	`class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"`
	`14`	`+ data-fs-element="Add Detour"`
`14`	`15`	`type="button"`
`15`	`16`	`>`
`16`	`17`	`<svg`
@@ -820,6 +821,7 @@ exports[`Detours Page: Open a Detour renders detour details modal to match mocke
`820`	`821`	`>`
`821`	`822`	`<button`
`822`	`823`	`class="c-detour-list-page__button icon-link fw-light px-3 py-2 u-hide-for-mobile btn btn-primary"`
	`824`	`+ data-fs-element="Add Detour"`
`823`	`825`	`type="button"`
`824`	`826`	`>`
`825`	`827`	`<svg`