From 1cd672fa5754bae7791d30fa1babe040e3d17600 Mon Sep 17 00:00:00 2001
From: maymanaf <med.aymen.naf@gmail.com>
Date: Wed, 10 Jul 2024 15:22:55 +0200
Subject: [PATCH] front: add route e2e test for operational studies

---
 front/src/common/BootstrapSNCF/NavBarSNCF.tsx |   2 +-
 .../DisplayItinerary/v2/DestinationV2.tsx     |   5 +-
 .../DisplayItinerary/v2/OriginV2.tsx          |   5 +-
 .../Itinerary/DisplayItinerary/v2/ViasV2.tsx  |  10 +-
 .../components/Itinerary/ItineraryV2.tsx      |  13 +-
 .../Itinerary/ModalSuggestedVias.tsx          |   7 +-
 .../components/Pathfinding/PathfindingV2.tsx  |   3 +-
 front/tests/005-operational-studies.spec.ts   |  10 +
 front/tests/006-stdcm-page.spec.ts            |   2 +-
 front/tests/007-op-rollingstock-tab.spec.ts   |   6 +-
 front/tests/010-op-route-tab.spec.ts          | 170 +++++++++
 front/tests/assets/scenario-utlis.ts          |  97 +++++
 front/tests/pages/home-page-model.ts          |  25 +-
 .../pages/operationa-studies-page-model.ts    |  42 +++
 .../pages/operational-studies-page-model.ts   | 348 +++++++++++++++++-
 front/tests/pages/stdcm-page-model.ts         |  18 -
 16 files changed, 721 insertions(+), 42 deletions(-)
 create mode 100644 front/tests/010-op-route-tab.spec.ts
 create mode 100644 front/tests/assets/scenario-utlis.ts
 create mode 100644 front/tests/pages/operationa-studies-page-model.ts

diff --git a/front/src/common/BootstrapSNCF/NavBarSNCF.tsx b/front/src/common/BootstrapSNCF/NavBarSNCF.tsx
index 789c85c2034..451774be5df 100644
--- a/front/src/common/BootstrapSNCF/NavBarSNCF.tsx
+++ b/front/src/common/BootstrapSNCF/NavBarSNCF.tsx
@@ -87,7 +87,7 @@ const LegacyNavBarSNCF = ({ appName, logo = getLogo() }: Props) => {
                 <span className="mr-2">
                   {i18n.language && getUnicodeFlagIcon(language2flag(i18n.language))}
                 </span>
-                {t(`language.${i18n.language}`)}
+                <span data-testid="language-info">{t(`language.${i18n.language}`)} </span>
               </button>,
               <button
                 data-testid="user-settings-btn"
diff --git a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/DestinationV2.tsx b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/DestinationV2.tsx
index 645de43dc07..84288db57a2 100644
--- a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/DestinationV2.tsx
+++ b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/DestinationV2.tsx
@@ -26,7 +26,7 @@ const DestinationV2 = ({ zoomToFeaturePoint }: DestinationProps) => {
         <span className="text-warning mr-2">
           <IoFlag />
         </span>
-        {t('noDestinationChosen')}
+        <span data-testid="no-destination-chosen-text">{t('noDestinationChosen')}</span>
       </>
     );
 
@@ -42,13 +42,14 @@ const DestinationV2 = ({ zoomToFeaturePoint }: DestinationProps) => {
           tabIndex={0}
           className="flex-grow-1"
         >
-          <strong className="mr-1 text-nowrap">
+          <strong data-testid="destination-op-info" className="mr-1 text-nowrap">
             {/* If destination doesn't have name, we know that it has been added by click on map and has a track property */}
             {destination?.name ||
               (destination && 'track' in destination && destination.track.split('-')[0])}
           </strong>
         </div>
         <button
+          data-testid="delete-destination-button"
           className="btn btn-sm btn-only-icon btn-white ml-auto"
           type="button"
           onClick={() => {
diff --git a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/OriginV2.tsx b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/OriginV2.tsx
index b69c6b232f6..88becfc63e3 100644
--- a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/OriginV2.tsx
+++ b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/OriginV2.tsx
@@ -56,7 +56,7 @@ const OriginV2 = ({ zoomToFeaturePoint }: OriginProps) => {
       role="button"
       tabIndex={0}
     >
-      <strong className="mr-1 text-nowrap">
+      <strong data-testid="origin-op-info" className="mr-1 text-nowrap">
         {/* If origin doesn't have name, we know that it has been added by click on map and has a track property */}
         {origin?.name || (origin && 'track' in origin && origin.track.split('-')[0])}
       </strong>
@@ -87,7 +87,7 @@ const OriginV2 = ({ zoomToFeaturePoint }: OriginProps) => {
         <span className="text-success mr-2">
           <RiMapPin2Fill />
         </span>
-        {t('noOriginChosen')}
+        <span data-testid="no-origin-chosen-text">{t('noOriginChosen')}</span>
       </>
     );
 
@@ -99,6 +99,7 @@ const OriginV2 = ({ zoomToFeaturePoint }: OriginProps) => {
         </span>
         <span className="flex-grow-1">{originPointName}</span>
         <button
+          data-testid="delete-origin-button"
           className="btn btn-sm btn-only-icon btn-white"
           type="button"
           onClick={() => {
diff --git a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/ViasV2.tsx b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/ViasV2.tsx
index dd2f95e886b..a73ecb64762 100644
--- a/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/ViasV2.tsx
+++ b/front/src/modules/pathfinding/components/Itinerary/DisplayItinerary/v2/ViasV2.tsx
@@ -43,6 +43,7 @@ const ViasV2 = ({ zoomToFeaturePoint, shouldManageStopDuration }: DisplayViasV2P
               >
                 {(providedDraggable) => (
                   <div
+                    data-testid="dropped-via-info"
                     ref={providedDraggable.innerRef}
                     {...providedDraggable.draggableProps}
                     {...providedDraggable.dragHandleProps}
@@ -59,12 +60,14 @@ const ViasV2 = ({ zoomToFeaturePoint, shouldManageStopDuration }: DisplayViasV2P
                         tabIndex={0}
                       >
                         <small className="font-weight-bold text-muted mr-1">{index + 1}</small>
-                        <small className="mr-1 text-nowrap">
+                        <small data-testid="via-dropped-name" className="mr-1 text-nowrap">
                           {`${via.name || `KM ${via.positionOnPath && (Math.round(via.positionOnPath) / 1000000).toFixed(3)}`}`}
                         </small>
-                        {via.ch && <small>{via.ch}</small>}
+                        {via.ch && <small data-testid="via-dropped-ch">{via.ch}</small>}
                         {'uic' in via && (
-                          <small className="text-muted ml-3">{formatUicToCi(via.uic)}</small>
+                          <small data-testid="via-dropped-uic" className="text-muted ml-3">
+                            {formatUicToCi(via.uic)}
+                          </small>
                         )}
                       </div>
                       {shouldManageStopDuration && (
@@ -75,6 +78,7 @@ const ViasV2 = ({ zoomToFeaturePoint, shouldManageStopDuration }: DisplayViasV2P
                         />
                       )}
                       <button
+                        data-testid="delete-via-button"
                         className="btn btn-sm btn-only-icon btn-white ml-auto"
                         type="button"
                         onClick={() => dispatch(deleteViaV2(index))}
diff --git a/front/src/modules/pathfinding/components/Itinerary/ItineraryV2.tsx b/front/src/modules/pathfinding/components/Itinerary/ItineraryV2.tsx
index bf877d34ba7..85cbfffd176 100644
--- a/front/src/modules/pathfinding/components/Itinerary/ItineraryV2.tsx
+++ b/front/src/modules/pathfinding/components/Itinerary/ItineraryV2.tsx
@@ -115,6 +115,7 @@ const ItineraryV2 = ({
         <div className="d-flex flex-row flex-wrap">
           {pathProperties && pathProperties.suggestedOperationalPoints && (
             <button
+              data-testid="add-waypoints-button"
               className="col my-1 text-white btn bg-info btn-sm"
               type="button"
               onClick={() =>
@@ -125,12 +126,18 @@ const ItineraryV2 = ({
               <Plus />
             </button>
           )}
-          <button className="col ml-1 my-1 btn bg-warning btn-sm" type="button" onClick={inverseOD}>
+          <button
+            data-testid="reverse-itinerary-button"
+            className="col ml-1 my-1 btn bg-warning btn-sm"
+            type="button"
+            onClick={inverseOD}
+          >
             <span className="mr-1">{t('inverseOD')}</span>
             <ArrowSwitch />
           </button>
           <Tipped mode="right">
             <button
+              data-testid="delete-itinerary-button"
               type="button"
               className="ml-1 mt-1 btn-danger btn btn-sm"
               aria-label={t('deleteRoute')}
@@ -152,7 +159,9 @@ const ItineraryV2 = ({
                 shouldManageStopDuration={shouldManageStopDuration}
               />
             ) : (
-              <small className="ml-4">{t('noPlaceChosen')}</small>
+              <small data-testid="no-waypoint-chosen-text" className="ml-4">
+                {t('noPlaceChosen')}
+              </small>
             )}
           </div>
           <DestinationV2 zoomToFeaturePoint={zoomToFeaturePoint} />
diff --git a/front/src/modules/pathfinding/components/Itinerary/ModalSuggestedVias.tsx b/front/src/modules/pathfinding/components/Itinerary/ModalSuggestedVias.tsx
index 37436278db9..84172235b6e 100644
--- a/front/src/modules/pathfinding/components/Itinerary/ModalSuggestedVias.tsx
+++ b/front/src/modules/pathfinding/components/Itinerary/ModalSuggestedVias.tsx
@@ -63,10 +63,14 @@ const ModalSuggestedVias = ({ suggestedVias }: ModalSuggestedViasProps) => {
         {op.uic && <small className="suggested-via-uic text-muted">{formatUicToCi(op.uic)}</small>}
         <div className="ml-auto">
           {op.positionOnPath && (
-            <small className="mr-2">{`KM ${(Math.round(op.positionOnPath) / 1000000).toFixed(3)}`}</small>
+            <small
+              data-testid="suggested-via-distance"
+              className="mr-2"
+            >{`KM ${(Math.round(op.positionOnPath) / 1000000).toFixed(3)}`}</small>
           )}
           {!isInVias ? (
             <button
+              data-testid="suggested-via-add-button"
               className="btn btn-sm btn-only-icon"
               type="button"
               aria-label={t('addVia')}
@@ -77,6 +81,7 @@ const ModalSuggestedVias = ({ suggestedVias }: ModalSuggestedViasProps) => {
             </button>
           ) : (
             <button
+              data-testid="suggested-via-delete-button"
               className="btn btn-sm btn-only-icon"
               type="button"
               aria-label={t('removeVia')}
diff --git a/front/src/modules/pathfinding/components/Pathfinding/PathfindingV2.tsx b/front/src/modules/pathfinding/components/Pathfinding/PathfindingV2.tsx
index 52bd3457e6b..44d7eae1b17 100644
--- a/front/src/modules/pathfinding/components/Pathfinding/PathfindingV2.tsx
+++ b/front/src/modules/pathfinding/components/Pathfinding/PathfindingV2.tsx
@@ -78,6 +78,7 @@ const Pathfinding = ({ pathProperties, setPathProperties }: PathfindingProps) =>
 
       {!pathProperties && isPathFindingActive ? (
         <div
+          data-testid="pathfinding-no-state"
           className={cx('content pathfinding-none', { 'mt-2': infra && infra.state !== 'CACHED' })}
         >
           {t('pathfindingNoState')}
@@ -103,7 +104,7 @@ const Pathfinding = ({ pathProperties, setPathProperties }: PathfindingProps) =>
               <span className="lead">
                 <Alert />
               </span>
-              <span className="flex-grow-1">
+              <span data-testid="missing-params-info" className="flex-grow-1">
                 {t('pathfindingMissingParams', { missingElements })}
               </span>
             </div>
diff --git a/front/tests/005-operational-studies.spec.ts b/front/tests/005-operational-studies.spec.ts
index 2504d87448a..9115d6e86e1 100644
--- a/front/tests/005-operational-studies.spec.ts
+++ b/front/tests/005-operational-studies.spec.ts
@@ -1,3 +1,6 @@
+import fs from 'fs';
+import path from 'path';
+
 import { test, expect } from '@playwright/test';
 import { v4 as uuidv4 } from 'uuid';
 
@@ -15,11 +18,18 @@ let study: Study;
 let scenario: Scenario;
 let rollingStock: RollingStock;
 
+const rollingstockPath = path.resolve(
+  __dirname,
+  '../tests/assets/rollingStock/thermal-electric_rolling_stock.json'
+);
+const rollingStockJson = JSON.parse(fs.readFileSync(rollingstockPath, 'utf8'));
+const thermalElectricRollingStockName = 'thermal-electric_rolling_stock';
 test.beforeAll(async () => {
   smallInfra = (await getInfra()) as Infra;
   project = await getProject();
   study = await getStudy(project.id);
   rollingStock = await getRollingStock();
+  await findAndDeleteRollingStock(thermalElectricRollingStockName);
 });
 
 test.beforeEach(async () => {
diff --git a/front/tests/006-stdcm-page.spec.ts b/front/tests/006-stdcm-page.spec.ts
index 56bcb2afccb..a257b115906 100644
--- a/front/tests/006-stdcm-page.spec.ts
+++ b/front/tests/006-stdcm-page.spec.ts
@@ -21,7 +21,7 @@ test.describe('STDCM page', () => {
     // TODO: DROP STDCMV1: remove this part
     const homePage = new HomePage(page);
     await homePage.goToHomePage();
-    await stdcmPage.toggleStdcmV1();
+    await homePage.toggleStdcmV1();
 
     await stdcmPage.navigateToPage();
     await expect(stdcmPage.scenarioExplorerModal).not.toBeVisible();
diff --git a/front/tests/007-op-rollingstock-tab.spec.ts b/front/tests/007-op-rollingstock-tab.spec.ts
index 74813c5d6f5..91aa5414dd5 100644
--- a/front/tests/007-op-rollingstock-tab.spec.ts
+++ b/front/tests/007-op-rollingstock-tab.spec.ts
@@ -51,6 +51,7 @@ test.describe('Verifying that all elements in the rolling stock tab are loaded c
     const operationalStudiesPage = new OperationalStudiesPage(page);
     const scenarioPage = new ScenarioPage(page);
     const rollingStockSelector = new RollingStockSelectorPage(page);
+
     // TODO: DROP TSV1: remove this part
     const homePage = new HomePage(page);
     await homePage.goToHomePage();
@@ -65,7 +66,7 @@ test.describe('Verifying that all elements in the rolling stock tab are loaded c
     await scenarioPage.checkInfraLoaded();
 
     // Click on add train button
-    await operationalStudiesPage.clickOnAddScenarioTrainBtn();
+    await operationalStudiesPage.clickOnAddTrainBtn();
 
     // Verify the presence of warnings in Rolling Stock and Route Tab
     await operationalStudiesPage.verifyTabWarningPresence();
@@ -100,6 +101,7 @@ test.describe('Verifying that all elements in the rolling stock tab are loaded c
     const operationalStudiesPage = new OperationalStudiesPage(page);
     const scenarioPage = new ScenarioPage(page);
     const rollingStockSelector = new RollingStockSelectorPage(page);
+
     // TODO: DROP TSV1: remove this part
     const homePage = new HomePage(page);
     await homePage.goToHomePage();
@@ -114,7 +116,7 @@ test.describe('Verifying that all elements in the rolling stock tab are loaded c
     await scenarioPage.checkInfraLoaded();
 
     // Click on add train button
-    await operationalStudiesPage.clickOnAddScenarioTrainBtn();
+    await operationalStudiesPage.clickOnAddTrainBtn();
 
     // Open Rolling Stock Selector, search for the added train, and select it
     await operationalStudiesPage.openEmptyRollingStockSelector();
diff --git a/front/tests/010-op-route-tab.spec.ts b/front/tests/010-op-route-tab.spec.ts
new file mode 100644
index 00000000000..99986287f2f
--- /dev/null
+++ b/front/tests/010-op-route-tab.spec.ts
@@ -0,0 +1,170 @@
+import { test } from '@playwright/test';
+import { v4 as uuidv4 } from 'uuid';
+
+import type { Infra, Project, Scenario, Study, Timetable } from 'common/api/osrdEditoastApi';
+
+import scenarioData from './assets/operationStudies/scenario.json';
+import HomePage from './pages/home-page-model';
+import OperationalStudiesPage from './pages/operational-studies-page-model';
+import ScenarioPage from './pages/scenario-page-model';
+import { getProject, getStudy, postApiRequest, getInfra } from './utils/index';
+
+let smallInfra: Infra;
+let project: Project;
+let study: Study;
+let scenario: Scenario;
+let timetable: Timetable;
+let selectedLanguage: string;
+
+const electricRollingStockName = 'rollingstock_1500_25000_test_e2e';
+
+test.beforeAll(async () => {
+  smallInfra = (await getInfra()) as Infra;
+  project = await getProject();
+  study = await getStudy(project.id);
+});
+
+test.beforeEach(async ({ page }) => {
+  timetable = await postApiRequest(`/api/v2/timetable/`, {
+    electrical_profile_set_id: null,
+  });
+  scenario = await postApiRequest(`/api/v2/projects/${project.id}/studies/${study.id}/scenarios/`, {
+    ...scenarioData,
+    name: `${scenarioData.name} ${uuidv4()}`,
+    study_id: study.id,
+    infra_id: smallInfra.id,
+    timetable_id: timetable.id,
+  });
+
+  // Navigate to the home page and set up the required settings
+  const homePage = new HomePage(page);
+  await homePage.goToHomePage();
+  selectedLanguage = await homePage.getOSRDLanguage();
+  await homePage.toggleTSV2();
+
+  // Navigate to the created scenario page
+  await page.goto(
+    `/operational-studies/projects/${project.id}/studies/${study.id}/scenarios/${scenario.id}`
+  );
+});
+
+test.describe('Verifying that all elements in the route tab are loaded correctly', () => {
+  test('should correctly select a route for operational study', async ({ page, browserName }) => {
+    const operationalStudiesPage = new OperationalStudiesPage(page);
+    const scenarioPage = new ScenarioPage(page);
+
+    // Verify that the infrastructure is correctly loaded
+    await scenarioPage.checkInfraLoaded();
+
+    // Click on add train button
+    await operationalStudiesPage.clickOnAddTrainBtn();
+
+    // Verify the presence of warnings in Rolling Stock and Route Tab
+    await operationalStudiesPage.verifyTabWarningPresence();
+
+    // Select electric rolling stock
+    await operationalStudiesPage.selectRollingStock(electricRollingStockName);
+
+    // Perform pathfinding and verify no selected route
+    await scenarioPage.openTabByDataId('tab-pathfinding');
+    await operationalStudiesPage.verifyNoSelectedRoute(selectedLanguage);
+    await operationalStudiesPage.performPathfindingByTrigram('WS', 'NES', 'MES');
+
+    /* Verify map markers in Chromium browser only:  
+    This check is not performed in Firefox because the map does not load correctly in Firefox. */
+    if (browserName === 'chromium') {
+      const expectedMapMarkersValues = ['West_station', 'North_East_station', 'Mid_East_station'];
+      await operationalStudiesPage.verifyMapMarkers(...expectedMapMarkersValues);
+    }
+
+    // Verify absence of tab warning
+    await operationalStudiesPage.verifyTabWarningAbsence();
+  });
+
+  test('should correctly add waypoints in a route for operational study', async ({
+    page,
+    browserName,
+  }) => {
+    const operationalStudiesPage = new OperationalStudiesPage(page);
+    const scenarioPage = new ScenarioPage(page);
+
+    // Click on add train button
+    await operationalStudiesPage.clickOnAddTrainBtn();
+
+    // Select electric rolling stock
+    await operationalStudiesPage.selectRollingStock(electricRollingStockName);
+
+    // Perform pathfinding
+    await scenarioPage.openTabByDataId('tab-pathfinding');
+    await operationalStudiesPage.performPathfindingByTrigram('WS', 'NES');
+
+    // Add new waypoints
+    const expectedViaValues = [
+      { name: 'Mid_West_station', ch: 'BV', uic: '3', km: 'KM 11.850' },
+      { name: 'Mid_East_station', ch: 'BV', uic: '4', km: 'KM 26.300' },
+    ];
+    await operationalStudiesPage.addNewWaypoints(
+      2,
+      ['Mid_West_station', 'Mid_East_station'],
+      expectedViaValues
+    );
+
+    /* Verify map markers in Chromium browser:
+    This check is not performed in Firefox because the map does not load correctly in Firefox. */
+    if (browserName === 'chromium') {
+      const expectedMapMarkersValues = [
+        'West_station',
+        'Mid_West_station',
+        'Mid_East_station',
+        'North_East_station',
+      ];
+      await operationalStudiesPage.verifyMapMarkers(...expectedMapMarkersValues);
+    }
+
+    // Verify absence of tab warning
+    await operationalStudiesPage.verifyTabWarningAbsence();
+  });
+
+  test('should correctly reverse and delete waypoints in a route for operational study', async ({
+    browserName,
+    page,
+  }) => {
+    const operationalStudiesPage = new OperationalStudiesPage(page);
+    const scenarioPage = new ScenarioPage(page);
+
+    // Click on add train button
+    await operationalStudiesPage.clickOnAddTrainBtn();
+
+    // Select electric rolling stock
+    await operationalStudiesPage.selectRollingStock(electricRollingStockName);
+
+    // Perform pathfinding
+    await scenarioPage.openTabByDataId('tab-pathfinding');
+    await operationalStudiesPage.performPathfindingByTrigram('WS', 'SES', 'MWS');
+    const expectedMapMarkersValues = ['West_station', 'South_East_station', 'Mid_West_station'];
+    if (browserName === 'chromium') {
+      await operationalStudiesPage.verifyMapMarkers(...expectedMapMarkersValues);
+    }
+
+    // Reverse the itinerary and verify the map markers
+    await operationalStudiesPage.clickOnReverseItinerary();
+    if (browserName === 'chromium') {
+      const reversedMapMarkersValues = [...expectedMapMarkersValues].reverse();
+      await operationalStudiesPage.verifyMapMarkers(...reversedMapMarkersValues);
+    }
+
+    // Delete operational points and verify no selected route
+    await operationalStudiesPage.clickOnDeleteOPButtons(selectedLanguage);
+    await operationalStudiesPage.verifyNoSelectedRoute(selectedLanguage);
+
+    // Search by trigram and verify map markers
+    await operationalStudiesPage.clickSearchByTrigramSubmitButton();
+    if (browserName === 'chromium') {
+      await operationalStudiesPage.verifyMapMarkers(...expectedMapMarkersValues);
+    }
+
+    // Delete itinerary and verify no selected route
+    await operationalStudiesPage.clickDeleteItineraryButton();
+    await operationalStudiesPage.verifyNoSelectedRoute(selectedLanguage);
+  });
+});
diff --git a/front/tests/assets/scenario-utlis.ts b/front/tests/assets/scenario-utlis.ts
new file mode 100644
index 00000000000..58f0899d17b
--- /dev/null
+++ b/front/tests/assets/scenario-utlis.ts
@@ -0,0 +1,97 @@
+import { type Page, expect } from '@playwright/test';
+import { v4 as uuidv4 } from 'uuid';
+
+import type { Infra } from 'common/api/osrdEditoastApi';
+
+import scenarioData from './operationStudies/scenario.json';
+import { getInfra, getProject, getRollingStock, getStudy, postApiRequest } from './utils';
+import { PlaywrightHomePage } from '../pages/home-page-model';
+import RollingStockSelectorPage from '../pages/rolling-stock-selector-page';
+import PlaywrightScenarioPage from '../pages/scenario-page-model';
+
+// Scenario creation
+export default async function createCompleteScenario(
+  page: Page,
+  trainScheduleName: string,
+  trainCount: string,
+  delta: string
+) {
+  const smallInfra = (await getInfra()) as Infra;
+  const project = await getProject();
+  const study = await getStudy(project.id);
+  const rollingStock = await getRollingStock();
+
+  const scenario = await postApiRequest(
+    `/api/projects/${project.id}/studies/${study.id}/scenarios`,
+    {
+      ...scenarioData,
+      name: `${scenarioData.name} ${uuidv4()}`,
+      study_id: study.id,
+      infra_id: smallInfra.id,
+    }
+  );
+
+  const playwrightHomePage = new PlaywrightHomePage(page);
+  const scenarioPage = new PlaywrightScenarioPage(page);
+
+  await page.goto(
+    `/operational-studies/projects/${project.id}/studies/${study.id}/scenarios/${scenario.id}`
+  );
+
+  await playwrightHomePage.page.getByTestId('scenarios-add-train-schedule-button').click();
+
+  await scenarioPage.setTrainScheduleName(trainScheduleName);
+  await scenarioPage.setNumberOfTrains(trainCount);
+  await scenarioPage.setDelta(delta);
+
+  // ***************** Select Rolling Stock *****************
+  const playwrightRollingstockModalPage = new RollingStockSelectorPage(playwrightHomePage.page);
+  await playwrightRollingstockModalPage.openRollingstockModal();
+
+  await playwrightRollingstockModalPage.searchRollingstock('rollingstock_1500_25000_test_e2e');
+
+  const rollingstockCard = playwrightRollingstockModalPage.getRollingstockCardByTestID(
+    `rollingstock-${rollingStock.name}`
+  );
+
+  await rollingstockCard.click();
+  await rollingstockCard.locator('button').click();
+
+  // ***************** Select Origin/Destination *****************
+  await scenarioPage.openTabByDataId('tab-pathfinding');
+  await scenarioPage.getPathfindingByTriGramSearch('MWS', 'NES');
+
+  // ***************** Create train *****************
+  await scenarioPage.addTrainSchedule();
+  await scenarioPage.page.waitForSelector('.dots-loader', { state: 'hidden' });
+  await scenarioPage.checkTrainHasBeenAdded();
+  await scenarioPage.returnSimulationResult();
+}
+
+// Allowances management
+
+export async function allowancesManagement(
+  scenarioPage: PlaywrightScenarioPage,
+  scenarioName: string,
+  allowanceType: 'standard' | 'engineering'
+) {
+  await expect(scenarioPage.getTimetableList).toBeVisible();
+
+  await scenarioPage.getBtnByName(scenarioName).hover();
+  await scenarioPage.page.getByTestId('edit-train').click();
+
+  await scenarioPage.openAllowancesModule();
+  await expect(scenarioPage.getAllowancesModule).toBeVisible();
+
+  if (allowanceType === 'standard') {
+    await scenarioPage.setStandardAllowance();
+  } else {
+    await scenarioPage.setEngineeringAllowance();
+    await scenarioPage.clickSuccessBtn();
+    await expect(scenarioPage.getAllowancesEngineeringSettings).toHaveAttribute('disabled');
+  }
+
+  await scenarioPage.page.getByTestId('submit-edit-train-schedule').click();
+  await scenarioPage.page.waitForSelector('.scenario-details-name');
+  expect(await scenarioPage.isAllowanceWorking()).toEqual(true);
+}
diff --git a/front/tests/pages/home-page-model.ts b/front/tests/pages/home-page-model.ts
index 1d679d9a861..13251fb5319 100644
--- a/front/tests/pages/home-page-model.ts
+++ b/front/tests/pages/home-page-model.ts
@@ -36,6 +36,10 @@ class HomePage {
 
   readonly userSettings: Locator;
 
+  readonly OSRDLanguage: Locator;
+
+  private stdcmSwitch: Locator;
+
   constructor(page: Page) {
     this.page = page;
     // Initialize locators using roles and text content
@@ -52,8 +56,10 @@ class HomePage {
     this.translation = home;
     this.getViteOverlay = page.locator('vite-plugin-checker-error-overlay');
     this.TSV2Switch = page.getByTestId('train-schedule-version-switch');
+    this.stdcmSwitch = page.getByTestId('stdcm-version-switch');
     this.dropDown = page.getByTestId('dropdown-sncf');
     this.userSettings = page.getByTestId('user-settings-btn');
+    this.OSRDLanguage = page.getByTestId('language-info');
   }
 
   // Completly remove VITE button & sign
@@ -111,7 +117,7 @@ class HomePage {
   }
 
   // TODO : Delete after drop V1
-  // Check Stdcm Version
+  // Check TS Version
   async toggleTSV2() {
     await this.dropDown.click();
     await this.userSettings.click();
@@ -119,5 +125,22 @@ class HomePage {
       await this.TSV2Switch.click();
     }
   }
+
+  // Check Stdcm Version
+  async toggleStdcmV1() {
+    await this.dropDown.click();
+    await this.userSettings.click();
+    if ((await this.stdcmSwitch.isChecked()) && (await this.stdcmSwitch.isVisible())) {
+      await this.stdcmSwitch.click();
+    }
+  }
+
+  // Get OSRD selected language
+  async getOSRDLanguage(): Promise<string> {
+    await this.dropDown.click();
+    const selectedLanguage = await this.OSRDLanguage.innerText();
+    await this.dropDown.click();
+    return selectedLanguage;
+  }
 }
 export default HomePage;
diff --git a/front/tests/pages/operationa-studies-page-model.ts b/front/tests/pages/operationa-studies-page-model.ts
new file mode 100644
index 00000000000..5ce56996948
--- /dev/null
+++ b/front/tests/pages/operationa-studies-page-model.ts
@@ -0,0 +1,42 @@
+import { expect, type Locator, type Page } from '@playwright/test';
+
+export default class PlaywrightOperationalStudiesPage {
+  readonly getAddScenarioTrainBtn: Locator;
+
+  readonly getRollingStockTab: Locator;
+
+  readonly getRollingStockSelector: Locator;
+
+  readonly getEmptyRollingStockSelector: Locator;
+
+  readonly getRouteTab: Locator;
+
+  constructor(readonly page: Page) {
+    this.page = page;
+    this.getAddScenarioTrainBtn = page.getByTestId('scenarios-add-train-schedule-button');
+    this.getRollingStockTab = page.getByTestId('tab-rollingstock');
+    this.getRouteTab = page.getByTestId('tab-pathfinding');
+    this.getEmptyRollingStockSelector = page.getByTestId('rollingstock-selector-empty');
+    this.getRollingStockSelector = page.getByTestId('rollingstock-selector');
+  }
+
+  async clickOnAddScenarioTrainBtn() {
+    await this.getAddScenarioTrainBtn.click();
+  }
+
+  // Verify that the tabs RS and Route have warnings
+  async getTabWarningPresence() {
+    await expect(this.getRollingStockTab).toHaveClass(/warning/);
+    await expect(this.getRouteTab).toHaveClass(/warning/);
+  }
+
+  // Click on Choose a rolling stock
+  async openEmptyRollingStockSelector() {
+    await this.getEmptyRollingStockSelector.click();
+  }
+
+  // Click on the selected rolling stock
+  async openRollingStockSelector() {
+    await this.getRollingStockSelector.click();
+  }
+}
diff --git a/front/tests/pages/operational-studies-page-model.ts b/front/tests/pages/operational-studies-page-model.ts
index e27a8685f4e..818693eae02 100644
--- a/front/tests/pages/operational-studies-page-model.ts
+++ b/front/tests/pages/operational-studies-page-model.ts
@@ -1,29 +1,159 @@
 import { expect, type Locator, type Page } from '@playwright/test';
 
+import RollingStockSelectorPage from './rollingstock-selector-page';
+import enTranslations from '../../public/locales/en/operationalStudies/manageTrainSchedule.json';
+import frTranslations from '../../public/locales/fr/operationalStudies/manageTrainSchedule.json';
+
 class OperationalStudiesPage {
+  readonly page: Page;
+
   readonly addScenarioTrainBtn: Locator;
 
   readonly getRollingStockTab: Locator;
 
-  readonly getRouteTab: Locator;
-
   readonly getRollingStockSelector: Locator;
 
   readonly getEmptyRollingStockSelector: Locator;
 
-  constructor(readonly page: Page) {
+  readonly getRouteTab: Locator;
+
+  readonly pathfindingNoState: Locator;
+
+  readonly noOriginChosen: Locator;
+
+  readonly noDestinationChosen: Locator;
+
+  readonly searchByTrigramButton: Locator;
+
+  readonly searchByTrigramContainer: Locator;
+
+  readonly searchByTrigramInput: Locator;
+
+  readonly searchByTrigramSubmit: Locator;
+
+  readonly resultPathfindingDone: Locator;
+
+  readonly originInfo: Locator;
+
+  readonly destinationInfo: Locator;
+
+  readonly viaInfo: Locator;
+
+  readonly originDeleteButton: Locator;
+
+  readonly destinationDeleteButton: Locator;
+
+  readonly viaDeleteButton: Locator;
+
+  readonly addWaypointsButton: Locator;
+
+  readonly reverseItineraryButton: Locator;
+
+  readonly deleteItineraryButton: Locator;
+
+  readonly droppedWaypoints: Locator;
+
+  readonly waypointSuggestions: Locator;
+
+  readonly viaModal: Locator;
+
+  readonly closeViaModalButton: Locator;
+
+  readonly missingParamMessage: Locator;
+
+  constructor(page: Page) {
     this.page = page;
     this.addScenarioTrainBtn = page.getByTestId('scenarios-add-train-schedule-button');
     this.getRollingStockTab = page.getByTestId('tab-rollingstock');
-    this.getRouteTab = page.getByTestId('tab-pathfinding');
-    this.getEmptyRollingStockSelector = page.getByTestId('rollingstock-selector-empty');
     this.getRollingStockSelector = page.getByTestId('rollingstock-selector');
+    this.getEmptyRollingStockSelector = page.getByTestId('rollingstock-selector-empty');
+    this.getRouteTab = page.getByTestId('tab-pathfinding');
+    this.pathfindingNoState = page.getByTestId('pathfinding-no-state');
+    this.noOriginChosen = page.getByTestId('no-origin-chosen-text');
+    this.noDestinationChosen = page.getByTestId('no-destination-chosen-text');
+    this.searchByTrigramButton = page.getByTestId('rocket-button');
+    this.searchByTrigramContainer = page.getByTestId('type-and-path-container');
+    this.searchByTrigramInput = page.getByTestId('type-and-path-input');
+    this.searchByTrigramSubmit = page.getByTestId('submit-search-by-trigram');
+    this.resultPathfindingDone = page.getByTestId('result-pathfinding-done');
+    this.originInfo = page.getByTestId('origin-op-info');
+    this.destinationInfo = page.getByTestId('destination-op-info');
+    this.viaInfo = page.getByTestId('via-op-info');
+    this.originDeleteButton = page.getByTestId('delete-origin-button');
+    this.destinationDeleteButton = page.getByTestId('delete-destination-button');
+    this.viaDeleteButton = page.getByTestId('delete-via-button');
+    this.addWaypointsButton = page.getByTestId('add-waypoints-button');
+    this.reverseItineraryButton = page.getByTestId('reverse-itinerary-button');
+    this.deleteItineraryButton = page.getByTestId('delete-itinerary-button');
+    this.droppedWaypoints = page.getByTestId('dropped-via-info');
+    this.waypointSuggestions = page.locator('.suggested-via-clickable');
+    this.viaModal = page.locator('.manage-vias-modal');
+    this.closeViaModalButton = page.getByLabel('Close');
+    this.missingParamMessage = page.getByTestId('missing-params-info');
+  }
+
+  // Gets the name locator of a waypoint suggestion.
+  static getWaypointSuggestionNameLocator(waypointSuggestion: Locator): Locator {
+    return waypointSuggestion.locator('.suggested-via-name');
+  }
+
+  // Gets the CH locator of a waypoint suggestion.
+  static getWaypointSuggestionChLocator(waypointSuggestion: Locator): Locator {
+    return waypointSuggestion.locator('.suggested-via-ch');
   }
 
-  // Methods
+  // Gets the UIC locator of a waypoint suggestion.
+  static getWaypointSuggestionUicLocator(waypointSuggestion: Locator): Locator {
+    return waypointSuggestion.locator('.suggested-via-uic');
+  }
+
+  // Gets the distance locator of a waypoint suggestion.
+  static getWaypointSuggestionDistanceLocator(waypointSuggestion: Locator): Locator {
+    return waypointSuggestion.getByTestId('suggested-via-distance');
+  }
+
+  // Gets the name locator of a dropped waypoint.
+  static getWaypointDroppedNameLocator(droppedWaypoint: Locator): Locator {
+    return droppedWaypoint.getByTestId('via-dropped-name');
+  }
+
+  // Gets the CH locator of a dropped waypoint.
+  static getWaypointDroppedChLocator(droppedWaypoint: Locator): Locator {
+    return droppedWaypoint.getByTestId('via-dropped-ch');
+  }
+
+  // Gets the UIC locator of a dropped waypoint.
+  static getWaypointDroppedUicLocator(droppedWaypoint: Locator): Locator {
+    return droppedWaypoint.getByTestId('via-dropped-uic');
+  }
+
+  // Gets the locator of the origin by trigram.
+  private getOriginLocatorByTrigram(trigram: string): Locator {
+    return this.page.getByTestId(`typeandpath-op-${trigram}`);
+  }
+
+  // Gets the locator of the destination by trigram.
+  private getDestinationLocatorByTrigram(trigram: string): Locator {
+    return this.page.getByTestId(`typeandpath-op-${trigram}`);
+  }
+
+  // Gets the locator of the via by trigram.
+  private getViaLocatorByTrigram(trigram: string): Locator {
+    return this.page.getByTestId(`typeandpath-op-${trigram}`);
+  }
+
+  // Gets the add button locator by via name.
+  private getAddButtonLocatorByViaName(viaName: string): Locator {
+    return this.page.getByTitle(viaName).getByTestId('suggested-via-add-button');
+  }
+
+  // Gets the pathfinding marker on the map by marker name.
+  private getMapPathfindingMarker(markerName: string): Locator {
+    return this.page.locator('#map-container').getByText(markerName, { exact: true });
+  }
 
   // Clicks on the button to add a scenario train.
-  async clickOnAddScenarioTrainBtn() {
+  async clickOnAddTrainBtn() {
     await this.addScenarioTrainBtn.click();
   }
 
@@ -44,9 +174,211 @@ class OperationalStudiesPage {
     await this.getEmptyRollingStockSelector.click();
   }
 
-  // Clicks to open the rolling stock selector
+  // Clicks to open the rolling stock selector.
   async openRollingStockSelector() {
     await this.getRollingStockSelector.click();
   }
+
+  // Clicks the button to submit the search by trigram.
+  async clickSearchByTrigramSubmitButton() {
+    await this.searchByTrigramSubmit.click();
+  }
+
+  // Clicks the button to delete the itinerary.
+  async clickDeleteItineraryButton() {
+    await this.deleteItineraryButton.click();
+  }
+
+  // Verifies that no route is selected and displays appropriate messages based on language.
+  async verifyNoSelectedRoute(selectedLanguage: string) {
+    await this.noOriginChosen.waitFor();
+    await this.noDestinationChosen.waitFor();
+    const noOriginChosenText = await this.noOriginChosen.innerText();
+    const noDestinationChosenText = await this.noDestinationChosen.innerText();
+    const isSearchByTrigramInputVisible = await this.searchByTrigramInput.isVisible();
+
+    const translations = selectedLanguage === 'English' ? enTranslations : frTranslations;
+
+    if (!isSearchByTrigramInputVisible) {
+      const pathfindingNoStateText = await this.pathfindingNoState.innerText();
+      expect(pathfindingNoStateText).toEqual(translations.pathfindingNoState);
+    }
+
+    expect(noOriginChosenText).toEqual(translations.noOriginChosen);
+    expect(noDestinationChosenText).toEqual(translations.noDestinationChosen);
+  }
+
+  // Performs pathfinding by entering origin, destination, and optionally via trigrams.
+  async performPathfindingByTrigram(
+    originTrigram: string,
+    destinationTrigram: string,
+    viaTrigram?: string
+  ) {
+    await this.searchByTrigramButton.click();
+    await expect(this.searchByTrigramContainer).toBeVisible();
+
+    const inputTrigramText = viaTrigram
+      ? `${originTrigram} ${viaTrigram} ${destinationTrigram}`
+      : `${originTrigram} ${destinationTrigram}`;
+    await this.searchByTrigramInput.fill(inputTrigramText);
+
+    await expect(this.getOriginLocatorByTrigram(originTrigram)).toBeVisible();
+    await expect(this.getDestinationLocatorByTrigram(destinationTrigram)).toBeVisible();
+    if (viaTrigram) {
+      await expect(this.getViaLocatorByTrigram(viaTrigram)).toBeVisible();
+    }
+    await this.clickSearchByTrigramSubmitButton();
+    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()
+    );
+  }
+
+  // Clicks the button to reverse the itinerary.
+  async clickOnReverseItinerary() {
+    await this.reverseItineraryButton.click();
+  }
+
+  // Clicks the buttons to delete origin, destination, and via waypoints and verifies missing parameters message.
+  async clickOnDeleteOPButtons(selectedLanguage: string) {
+    await this.viaDeleteButton.click();
+    await this.originDeleteButton.click();
+    await this.destinationDeleteButton.click();
+
+    const translations = selectedLanguage === 'English' ? enTranslations : frTranslations;
+    const expectedMessage = translations.pathfindingMissingParams.replace(
+      ': {{missingElements}}.',
+      ''
+    );
+    await this.missingParamMessage.waitFor();
+    const actualMessage = await this.missingParamMessage.innerText();
+    expect(actualMessage).toContain(expectedMessage);
+  }
+
+  /* eslint-disable no-restricted-syntax, no-await-in-loop */
+  // Clicks the add buttons for the specified via names.
+  async clickOnViaAddButtons(...viaNames: string[]) {
+    for (const viaName of viaNames) {
+      const addButtonLocator = this.getAddButtonLocatorByViaName(viaName);
+      await addButtonLocator.click();
+    }
+  }
+
+  // Verifies that the specified markers are visible on the map.
+  async verifyMapMarkers(...markerNames: string[]) {
+    for (const markerName of markerNames) {
+      await expect(this.getMapPathfindingMarker(markerName)).toBeVisible();
+    }
+  }
+  /* eslint-enable no-restricted-syntax, no-await-in-loop */
+
+  // Validates the waypoint suggestions by checking the name, CH, UIC, and distance.
+  static async validateWaypointSuggestions(
+    waypointSuggestion: Locator,
+    expectedName: string,
+    expectedCh: string,
+    expectedUic: string,
+    expectedKm: string
+  ) {
+    await expect(
+      OperationalStudiesPage.getWaypointSuggestionNameLocator(waypointSuggestion)
+    ).toHaveText(expectedName);
+    await expect(
+      OperationalStudiesPage.getWaypointSuggestionChLocator(waypointSuggestion)
+    ).toHaveText(expectedCh);
+    await expect(
+      OperationalStudiesPage.getWaypointSuggestionUicLocator(waypointSuggestion)
+    ).toHaveText(expectedUic);
+    await expect(
+      OperationalStudiesPage.getWaypointSuggestionDistanceLocator(waypointSuggestion)
+    ).toHaveText(expectedKm);
+  }
+
+  // Validates the added waypoints by checking the name, CH, and UIC.
+  static async validateAddedWaypoint(
+    droppedWaypoint: Locator,
+    expectedName: string,
+    expectedCh: string,
+    expectedUic: string
+  ) {
+    await expect(OperationalStudiesPage.getWaypointDroppedNameLocator(droppedWaypoint)).toHaveText(
+      expectedName
+    );
+    await expect(OperationalStudiesPage.getWaypointDroppedChLocator(droppedWaypoint)).toHaveText(
+      expectedCh
+    );
+    await expect(OperationalStudiesPage.getWaypointDroppedUicLocator(droppedWaypoint)).toHaveText(
+      expectedUic
+    );
+  }
+
+  // Adds new waypoints by clicking the add button for suggested waypoints and verifying the added waypoints.
+  async addNewWaypoints(
+    suggestedWaypointsCount: number,
+    waypointToAddNames: string[],
+    expectedValues: { name: string; ch: string; uic: string; km: string }[]
+  ) {
+    await this.addWaypointsButton.click();
+    await expect(this.viaModal).toBeVisible();
+    await expect(this.waypointSuggestions).toHaveCount(suggestedWaypointsCount);
+
+    let waypointSuggestionCount: number = 0;
+
+    while (waypointSuggestionCount < expectedValues.length) {
+      const waypointSuggestion = this.waypointSuggestions.nth(waypointSuggestionCount);
+      const expectedValue = expectedValues[waypointSuggestionCount];
+
+      // eslint-disable-next-line no-await-in-loop
+      await OperationalStudiesPage.validateWaypointSuggestions(
+        waypointSuggestion,
+        expectedValue.name,
+        expectedValue.ch,
+        expectedValue.uic,
+        expectedValue.km
+      );
+
+      waypointSuggestionCount += 1;
+    }
+
+    await this.clickOnViaAddButtons(...waypointToAddNames);
+    await this.closeViaModalButton.click();
+
+    let droppedWaypointCount: number = 0;
+
+    while (droppedWaypointCount < expectedValues.length) {
+      const droppedWaypoint = this.droppedWaypoints.nth(droppedWaypointCount);
+      const expectedValue = expectedValues[droppedWaypointCount];
+
+      // eslint-disable-next-line no-await-in-loop
+      await OperationalStudiesPage.validateAddedWaypoint(
+        droppedWaypoint,
+        expectedValue.name,
+        expectedValue.ch,
+        expectedValue.uic
+      );
+
+      droppedWaypointCount += 1;
+    }
+  }
+
+  // Open Rolling Stock Selector, search for the added train, and select it
+  async selectRollingStock(rollingStockName: string) {
+    const rollingStockSelector = new RollingStockSelectorPage(this.page);
+    await this.openEmptyRollingStockSelector();
+    await rollingStockSelector.searchRollingstock(rollingStockName);
+    const electricRollingstockCard = rollingStockSelector.getRollingstockCardByTestID(
+      `rollingstock-${rollingStockName}`
+    );
+    await electricRollingstockCard.click();
+    await electricRollingstockCard.locator('button').click();
+    expect(await rollingStockSelector.getSelectedRollingStockName.innerText()).toEqual(
+      rollingStockName
+    );
+  }
 }
 export default OperationalStudiesPage;
diff --git a/front/tests/pages/stdcm-page-model.ts b/front/tests/pages/stdcm-page-model.ts
index e994f1aa5fc..d3d77c47d18 100644
--- a/front/tests/pages/stdcm-page-model.ts
+++ b/front/tests/pages/stdcm-page-model.ts
@@ -12,12 +12,6 @@ class StdcmPage extends SimulationConfPage {
 
   private scenarioExplorerMinicards: Locator;
 
-  private stdcmSwitch: Locator;
-
-  private dropDown: Locator;
-
-  private userSettings: Locator;
-
   // STDCM
   private getOriginTimeDelta: Locator;
 
@@ -30,9 +24,6 @@ class StdcmPage extends SimulationConfPage {
     this.scenarioExplorerButton = page.getByTestId('scenario-explorator');
     this.scenarioExplorerModal = page.locator('.scenario-explorator-modal');
     this.scenarioExplorerMinicards = page.locator('.minicard');
-    this.stdcmSwitch = page.getByTestId('stdcm-version-switch');
-    this.dropDown = page.getByTestId('dropdown-sncf');
-    this.userSettings = page.getByTestId('user-settings-btn');
 
     // STDCM
     this.getOriginTimeDelta = page.locator('#osrd-config-time-origin').first();
@@ -43,15 +34,6 @@ class StdcmPage extends SimulationConfPage {
     await this.removeViteOverlay();
   }
 
-  // Check Stdcm Version
-  async toggleStdcmV1() {
-    await this.dropDown.click();
-    await this.userSettings.click();
-    if (await this.stdcmSwitch.isChecked()) {
-      await this.stdcmSwitch.click();
-    }
-  }
-
   // Scenario Explorator
   async openScenarioExplorer() {
     await this.scenarioExplorerButton.click();