front: removed rocket component and ensured searchByTrigramContainer is not visible in tests

Author: Caracol3

front/src/modules/pathfinding/components/Itinerary/ItineraryV2.tsx

@@ -113,7 +113,7 @@ const ItineraryV2 = ({
       </div>
       {displayTypeAndPath && (
         <div className="mb-2">
-          <TypeAndPathV2 />
+          <TypeAndPathV2 setDisplayTypeAndPath={setDisplayTypeAndPath} />
         </div>
       )}
       {origin && destination && (

front/src/modules/pathfinding/components/Pathfinding/TypeAndPathV2.tsx

@@ -54,8 +54,11 @@ function OpTooltips({ opList }: { opList: SearchResultItemOperationalPoint[] })
     </div>
   );
 }
+type typeAndPathV2Props = {
+  setDisplayTypeAndPath: React.Dispatch<React.SetStateAction<boolean>>;
+};
 
-const TypeAndPathV2 = () => {
+const TypeAndPathV2 = ({ setDisplayTypeAndPath }: typeAndPathV2Props) => {
   const dispatch = useAppDispatch();
   const [inputText, setInputText] = useState('');
   const [opList, setOpList] = useState<SearchResultItemOperationalPoint[]>([]);
@@ -168,6 +171,7 @@ const TypeAndPathV2 = () => {
         }));
 
       dispatch(updatePathSteps({ pathSteps }));
+      setDisplayTypeAndPath(false);
     }
   };
 
@@ -233,7 +237,7 @@ const TypeAndPathV2 = () => {
     <>
       <div
         className="type-and-path mb-2"
-        style={{ minWidth: `${monospaceOneCharREMWidth * inputText.length + 5.5}rem` }} // To grow input field & whole div along text size
+        style={{ minWidth: `${monospaceOneCharREMWidth * inputText.length + 5.5}rem` }}
         data-testid="type-and-path-container"
       >
         <div className="help">{opList.length === 0 && tManageTrainSchedule('inputOPTrigrams')}</div>
@@ -273,7 +277,7 @@ const TypeAndPathV2 = () => {
         <>
           <span className="arrow-img"> </span>
           <div className="results-container">
-            <div className="station-results  p-2 ">
+            <div className="station-results p-2">
               {sortedSearchResults.map((result) => (
                 <button
                   id={`trigram-button-${result.name}`}
@@ -283,7 +287,7 @@ const TypeAndPathV2 = () => {
                   className="station"
                   title={`${result.name} ${result.ch}`}
                 >
-                  <span className="station-text text-secondary ">{result.name}</span>
+                  <span className="station-text text-secondary">{result.name}</span>
                 </button>
               ))}
               {sortedSearchResults.length > 8 && (

front/tests/010-op-route-tab.spec.ts

@@ -161,7 +161,7 @@ test.describe('Verifying that all elements in the route tab are loaded correctly
     await operationalStudiesPage.verifyNoSelectedRoute(selectedLanguage);
 
     // Search by trigram and verify map markers
-    await operationalStudiesPage.clickSearchByTrigramSubmitButton();
+    await operationalStudiesPage.performPathfindingByTrigram('WS', 'SES', 'MWS');
     if (browserName === 'chromium') {
       await operationalStudiesPage.verifyMapMarkers(...expectedMapMarkersValues);
     }

front/tests/pages/operational-studies-page-model.ts

@@ -203,12 +203,6 @@ class OperationalStudiesPage {
       const noDestinationChosenText = await this.noDestinationChosen.innerText();
       expect(noDestinationChosenText).toEqual(translations.noDestinationChosen);
     }
-    const isSearchByTrigramInputVisible = await this.searchByTrigramInput.isVisible();
-
-    if (!isSearchByTrigramInputVisible) {
-      const pathfindingNoStateText = await this.pathfindingNoState.innerText();
-      expect(pathfindingNoStateText).toEqual(translations.pathfindingNoState);
-    }
   }
 
   // Performs pathfinding by entering origin, destination, and optionally via trigrams.
@@ -230,16 +224,16 @@ class OperationalStudiesPage {
     if (viaTrigram) {
       await expect(this.getViaLocatorByTrigram(viaTrigram)).toBeVisible();
     }
+    const expectedOriginTrigram = await this.getOriginLocatorByTrigram(originTrigram).innerText();
+    const expectedDestinationTrigram =
+      await this.getDestinationLocatorByTrigram(destinationTrigram).innerText();
     await this.clickSearchByTrigramSubmitButton();
+    await expect(this.searchByTrigramContainer).not.toBeVisible();
     await this.page.waitForLoadState('load');
     await expect(this.resultPathfindingDone).toBeVisible();
 
-    expect(await this.originInfo.innerText()).toEqual(
-      await this.getOriginLocatorByTrigram(originTrigram).innerText()
-    );
-    expect(await this.destinationInfo.innerText()).toEqual(
-      await this.getDestinationLocatorByTrigram(destinationTrigram).innerText()
-    );
+    expect(await this.originInfo.innerText()).toEqual(expectedOriginTrigram);
+    expect(await this.destinationInfo.innerText()).toEqual(expectedDestinationTrigram);
   }
 
   // Clicks the button to reverse the itinerary.