From 4860f9da72d69ed70abd2a474ffa64bfeca1dd73 Mon Sep 17 00:00:00 2001
From: Daniel Heppner <daniel.heppner@ibigroup.com>
Date: Mon, 8 Jul 2024 21:59:20 +0100
Subject: [PATCH] test: update snapshots
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

These snapshots should have been included in the last merge, they are from a separate change but didn’t cause a conflict because they are in a new story
---
 __snapshots__/storybook.test.ts.snap | 157 ++++++++++++++-------------
 1 file changed, 83 insertions(+), 74 deletions(-)

diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 4c82fb395..b15b0dbf5 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -6752,6 +6752,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
 .c3 {
   max-width: 500px;
   display: grid;
+  grid-template-areas: "time line title" "time line instructions";
   grid-template-columns: 65px 30px auto;
 }
 
@@ -6765,6 +6766,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
 .c20 {
   grid-row-start: 2;
   grid-column-start: 3;
+  grid-area: instructions;
 }
 
 .c14 {
@@ -7023,6 +7025,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
 }
 
 .c1 .c4 {
+  grid-area: line;
   display: table-cell;
   max-width: 20px;
   width: 20px;
@@ -7031,6 +7034,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
 }
 
 .c1 .c13 {
+  grid-area: title;
   color: #000;
   font-size: 18px;
   font-weight: 500;
@@ -7051,6 +7055,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
 }
 
 .c1 .c17 {
+  grid-area: time;
   color: #676767;
   display: table-cell;
   font-size: 14px;
@@ -7115,13 +7120,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
   className="c0 c1"
 >
   <li
-    className="c2 c3"
+    className="c2 c3 place-row-wrapper "
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c6"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -7175,12 +7180,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
       3:44 PM
     </div>
     <span
-      className="c19"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c20 place-details "
     >
       <div
         className="c21"
@@ -7223,7 +7228,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               </span>
             </span>
             <span
-              className="c19"
+              className="c19 invisible-additional-details"
             >
                - 
             </span>
@@ -7240,7 +7245,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -7279,7 +7284,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -7377,13 +7382,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
     </div>
   </li>
   <li
-    className="c2 c3"
+    className="c2 c3 place-row-wrapper transit"
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c38"
+        className="c38 leg-line"
       />
       <span
         className="c7"
@@ -7438,15 +7443,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
       3:46 PM
     </div>
     <span
-      className="c19"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c20 place-details transit"
     >
       <div
-        className="c39"
+        className="c39 transit-leg-subheader"
       >
         Stop ID 8383
         <button
@@ -7468,7 +7473,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
           >
             <span>
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                  - 
                 Ride
@@ -7529,7 +7534,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                 </span>
               </span>
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                  - 
                 Disembark at 
@@ -7537,11 +7542,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               </span>
             </span>
             <button
-              className="c26 c27"
+              className="c26 c27 transit-leg-button"
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -7550,10 +7555,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
         </div>
         <div
           aria-label="Leg details"
+          className="transit-leg-details-wrapper"
           role="group"
         >
           <div
-            className="c47"
+            className="c47 agency-info"
           >
             Service operated by 
             <a
@@ -7571,7 +7577,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
             </a>
           </div>
           <button
-            className="c26 c48"
+            className="c26 c48 alert-toggle"
             onClick={[Function]}
           >
             <svg
@@ -7611,7 +7617,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               </svg>
             </span>
             <span
-              className="c19"
+              className="c19 invisible-additional-details"
             >
               (Expand details)
             </span>
@@ -7630,7 +7636,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               style={Object {}}
             >
               <ul
-                className="c49"
+                className="c49 alert-body"
               >
                 <li
                   className="c50"
@@ -7684,7 +7690,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                       </svg>
                       See alert on TriMet website
                       <span
-                        className="c19"
+                        className="c19 invisible-additional-details"
                       >
                          
                         otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
@@ -7744,7 +7750,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                       </svg>
                       See alert on TriMet website
                       <span
-                        className="c19"
+                        className="c19 invisible-additional-details"
                       >
                          
                         otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
@@ -7804,7 +7810,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                       </svg>
                       See alert on TriMet website
                       <span
-                        className="c19"
+                        className="c19 invisible-additional-details"
                       >
                          
                         otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
@@ -7816,7 +7822,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
             </div>
           </div>
           <div
-            className="c55"
+            className="c55 transit-leg-details"
           >
             <div
               className="c56"
@@ -7848,7 +7854,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                   </svg>
                 </span>
                 <span
-                  className="c19"
+                  className="c19 invisible-additional-details"
                 >
                   (Expand details)
                 </span>
@@ -7908,13 +7914,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
     </div>
   </li>
   <li
-    className="c2 c3"
+    className="c2 c3 place-row-wrapper "
   >
     <div
       className="c4 c5"
     >
       <div
-        className="c6"
+        className="c6 leg-line"
       />
       <span
         className="c7"
@@ -7969,15 +7975,15 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
       3:49 PM
     </div>
     <span
-      className="c19"
+      className="c19 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c20"
+      className="c20 place-details "
     >
       <div
-        className="c39"
+        className="c39 transit-leg-subheader"
       >
         Stop ID 9757
         <button
@@ -8029,7 +8035,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               </span>
             </span>
             <span
-              className="c19"
+              className="c19 invisible-additional-details"
             >
                - 
             </span>
@@ -8046,7 +8052,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
               onClick={[Function]}
             >
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -8085,7 +8091,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
                 </svg>
               </span>
               <span
-                className="c19"
+                className="c19 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -8249,7 +8255,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
     </div>
   </li>
   <li
-    className="c2 c3"
+    className="c2 c3 place-row-wrapper "
   >
     <div
       className="c4 c5"
@@ -8306,13 +8312,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Approximate Prefix Itinerary 2
       3:50 PM
     </div>
     <span
-      className="c19"
+      className="c19 invisible-additional-details"
     >
       Arrive at 
       1737 SW Morrison St, Portland, OR, USA 97205
     </span>
     <div
-      className="c20"
+      className="c20 place-details "
     />
   </li>
 </ol>
@@ -108170,6 +108176,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
 .c1 {
   max-width: 500px;
   display: grid;
+  grid-template-areas: "time line title" "time line instructions";
   grid-template-columns: 65px 30px auto;
 }
 
@@ -108202,6 +108209,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
 .c11 {
   grid-row-start: 2;
   grid-column-start: 3;
+  grid-area: instructions;
 }
 
 .c7 {
@@ -108452,7 +108460,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
   className="c0"
 >
   <li
-    className="c1"
+    className="c1 place-row-wrapper "
   >
     <div
       className="c2"
@@ -108515,12 +108523,12 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
       3:50 PM
     </div>
     <span
-      className="c10"
+      className="c10 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c11"
+      className="c11 place-details "
     >
       <div
         className="c12"
@@ -108535,7 +108543,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               className="c14"
             />
             <span
-              className="c10"
+              className="c10 invisible-additional-details"
             >
                - 
             </span>
@@ -108552,7 +108560,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               onClick={[Function]}
             >
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -108591,7 +108599,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                 </svg>
               </span>
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -108978,7 +108986,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
     </div>
   </li>
   <li
-    className="c1"
+    className="c1 place-row-wrapper "
   >
     <div
       className="c2"
@@ -109036,12 +109044,12 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
       4:02 PM
     </div>
     <span
-      className="c10"
+      className="c10 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c11"
+      className="c11 place-details "
     >
       <div
         className="c12"
@@ -109056,7 +109064,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               className="c14"
             />
             <span
-              className="c10"
+              className="c10 invisible-additional-details"
             >
                - 
             </span>
@@ -109073,7 +109081,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               onClick={[Function]}
             >
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -109112,7 +109120,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                 </svg>
               </span>
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -109300,7 +109308,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
     </div>
   </li>
   <li
-    className="c1"
+    className="c1 place-row-wrapper transit"
   >
     <div
       className="c2"
@@ -109354,12 +109362,12 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
       4:05 PM
     </div>
     <span
-      className="c10"
+      className="c10 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c11"
+      className="c11 place-details transit"
     >
       <div
         className="c12"
@@ -109372,7 +109380,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
           >
             <span>
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                  - 
                 Ride
@@ -109402,7 +109410,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                 </span>
               </span>
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                  - 
                 Disembark at 
@@ -109415,11 +109423,11 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               </span>
             </span>
             <button
-              className="c16 c17"
+              className="c16 c17 transit-leg-button"
               onClick={[Function]}
             >
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -109428,10 +109436,11 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
         </div>
         <div
           aria-label="Leg details"
+          className="transit-leg-details-wrapper"
           role="group"
         >
           <div
-            className="c16 c43"
+            className="c16 c43 alert-toggle"
             onClick={[Function]}
           >
             <svg
@@ -109466,7 +109475,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               style={Object {}}
             >
               <ul
-                className="c44"
+                className="c44 alert-body"
               >
                 <li
                   className="c45"
@@ -109520,7 +109529,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                       </svg>
                       See alert on TriMet website
                       <span
-                        className="c10"
+                        className="c10 invisible-additional-details"
                       >
                          
                         otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
@@ -109580,7 +109589,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                       </svg>
                       See alert on TriMet website
                       <span
-                        className="c10"
+                        className="c10 invisible-additional-details"
                       >
                          
                         otpUi.TransitLegBody.AlertsBody.linkOpensNewWindow
@@ -109592,7 +109601,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c50"
+            className="c50 transit-leg-details"
           >
             <div
               className="c51"
@@ -109624,7 +109633,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                   </svg>
                 </span>
                 <span
-                  className="c10"
+                  className="c10 invisible-additional-details"
                 >
                   (Expand details)
                 </span>
@@ -109796,7 +109805,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
     </div>
   </li>
   <li
-    className="c1"
+    className="c1 place-row-wrapper "
   >
     <div
       className="c2"
@@ -109859,12 +109868,12 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
       4:27 PM
     </div>
     <span
-      className="c10"
+      className="c10 invisible-additional-details"
     >
       otpUi.TransitLegBody.fromLocation
     </span>
     <div
-      className="c11"
+      className="c11 place-details "
     >
       <div
         className="c12"
@@ -109879,7 +109888,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               className="c14"
             />
             <span
-              className="c10"
+              className="c10 invisible-additional-details"
             >
                - 
             </span>
@@ -109896,7 +109905,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
               onClick={[Function]}
             >
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 Zoom to leg on map
               </span>
@@ -109935,7 +109944,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
                 </svg>
               </span>
               <span
-                className="c10"
+                className="c10 invisible-additional-details"
               >
                 (Expand details)
               </span>
@@ -110157,7 +110166,7 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
     </div>
   </li>
   <li
-    className="c1"
+    className="c1 place-row-wrapper "
   >
     <div
       className="c2"
@@ -110206,13 +110215,13 @@ exports[`Storyshots ItineraryBody/otp-ui Approximate Prefix Itinerary 2`] = `
       4:29 PM
     </div>
     <span
-      className="c10"
+      className="c10 invisible-additional-details"
     >
       Arrive at 
       205 SW Pine St, Portland, OR, USA 97204
     </span>
     <div
-      className="c11"
+      className="c11 place-details "
     />
     <div
       className="c29 c30"
@@ -247744,7 +247753,7 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
         title="otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible"
       >
         <span
-          className="c7 invisible-additional-details"
+          className="c7"
         >
           otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.likelyAccessible
         </span>
@@ -247873,7 +247882,7 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
         title="otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear"
       >
         <span
-          className="c7 invisible-additional-details"
+          className="c7"
         >
           otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.unclear
         </span>
@@ -248099,7 +248108,7 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
         title="otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
       >
         <span
-          className="c7 invisible-additional-details"
+          className="c7"
         >
           otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
         </span>
@@ -248220,7 +248229,7 @@ exports[`Storyshots PrintableItinerary Walk Transit Transfer With A 11 Y Itinera
         title="otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible"
       >
         <span
-          className="c7 invisible-additional-details"
+          className="c7"
         >
           otpUi.ItineraryBody.tripAccessibility.itineraryAccessibilityotpUi.ItineraryBody.tripAccessibility.inaccessible
         </span>