front: update default stdcm page e2e test

Signed-off-by: maymanaf <[email protected]>

Author: Maymanaf

front/src/applications/stdcm/components/StdcmForm/StdcmLinkedTrainSearch.tsx

@@ -58,7 +58,11 @@ const StdcmLinkedTrainSearch = ({
           disabled={disabled}
           name={t(`trainPath.linkedTrain.${linkedTrainType}`)}
           title={
-            <button type="button" onClick={removeLinkedTrainCard}>
+            <button
+              data-testid="linked-train-delete-button"
+              type="button"
+              onClick={removeLinkedTrainCard}
+            >
               {t('translation:common.delete').toLowerCase()}
             </button>
           }
@@ -91,6 +95,7 @@ const StdcmLinkedTrainSearch = ({
           </div>
           {displaySearchButton && (
             <button
+              data-testid="linked-train-search-button"
               className="stdcm-linked-train-button"
               type="button"
               onClick={launchTrainScheduleSearch}

front/tests/006-stdcm.spec.ts

@@ -2,6 +2,7 @@ import type { Infra, TowedRollingStock } from 'common/api/osrdEditoastApi';
 
 import { electricRollingStockName, fastRollingStockName } from './assets/project-const';
 import HomePage from './pages/home-page-model';
+import STDCMLinkedTrainPage from './pages/stdcm-linked-train-page-model';
 import STDCMPage, { type ConsistFields } from './pages/stdcm-page-model';
 import test from './test-logger';
 import { handleAndVerifyInput, waitForInfraStateToBeCached } from './utils';
@@ -63,12 +64,13 @@ test.describe('Verify stdcm simulation page', () => {
   });
 
   /** *************** Test 1 **************** */
-  test('Verify empty STDCM page', async ({ page }) => {
-    // Verify visibility of STDCM elements and handle empty via fields
-    const stdcmPage = new STDCMPage(page);
+  test('Verify default STDCM page', async ({ page }) => {
+    // Verify visibility of STDCM elements and handle default fields
+    const [stdcmPage, stdcmLinkedTrainPage] = [new STDCMPage(page), new STDCMLinkedTrainPage(page)];
     await stdcmPage.verifyStdcmElementsVisibility();
-    await stdcmPage.verifyAllFieldsEmpty();
-    await stdcmPage.addAndDeleteEmptyVia();
+    await stdcmPage.verifyAllDefaultPageFields();
+    await stdcmPage.addAndDeletedDefaultVia();
+    await stdcmLinkedTrainPage.addAndDeleteDefaultLinkedPath();
   });
 
   /** *************** Test 2 **************** */

front/tests/assets/stdcm-const.ts

@@ -8,6 +8,7 @@ export const DEFAULT_DETAILS = {
   arrivalDate: '17/10/24',
   arrivalTime: '00:00',
   tolerance: '-30/+30',
+  speedLimitTag: '__PLACEHOLDER__', // value = None
 };
 
 export const ORIGIN_DETAILS = {

front/tests/pages/stdcm-linked-train-page-model.ts

@@ -0,0 +1,73 @@
+import { expect, type Locator, type Page } from '@playwright/test';
+
+import STDCMPage from './stdcm-page-model';
+
+class STDCMLinkedTrainPage extends STDCMPage {
+  readonly anteriorLinkedTrainContainer: Locator;
+
+  readonly anteriorDeleteLinkedPathButton: Locator;
+
+  readonly anteriorLinkedTrainField: Locator;
+
+  readonly anteriorLinkedTrainDate: Locator;
+
+  readonly anteriorLinkedTrainSearchButton: Locator;
+
+  readonly posteriorLinkedTrainContainer: Locator;
+
+  readonly posteriorDeleteLinkedPathButton: Locator;
+
+  readonly posteriorLinkedTrainField: Locator;
+
+  readonly posteriorLinkedTrainDate: Locator;
+
+  readonly posteriorLinkedTrainSearchButton: Locator;
+
+  constructor(readonly page: Page) {
+    super(page);
+    this.anteriorLinkedTrainContainer = page.locator(
+      '.stdcm-linked-train-search-container.anterior-linked-train'
+    );
+    this.anteriorDeleteLinkedPathButton = this.anteriorLinkedTrainContainer.getByTestId(
+      'linked-train-delete-button'
+    );
+    this.anteriorLinkedTrainField = this.anteriorLinkedTrainContainer.locator('#linked-train-id');
+    this.anteriorLinkedTrainDate = this.anteriorLinkedTrainContainer.locator('#linked-train-date');
+    this.anteriorLinkedTrainSearchButton = this.anteriorLinkedTrainContainer.getByTestId(
+      'linked-train-search-button'
+    );
+    this.posteriorLinkedTrainContainer = page.locator(
+      '.stdcm-linked-train-search-container.posterior-linked-train'
+    );
+    this.posteriorDeleteLinkedPathButton = this.posteriorLinkedTrainContainer.getByTestId(
+      'linked-train-delete-button'
+    );
+    this.posteriorLinkedTrainField = this.posteriorLinkedTrainContainer.locator('#linked-train-id');
+    this.posteriorLinkedTrainDate =
+      this.posteriorLinkedTrainContainer.locator('#linked-train-date');
+    this.posteriorLinkedTrainSearchButton = this.posteriorLinkedTrainContainer.getByTestId(
+      'linked-train-search-button'
+    );
+  }
+
+  // Add an anterior and posterior linked path card, verify default fields, and delete it
+  async addAndDeleteDefaultLinkedPath() {
+    await this.anteriorAddLinkedPathButton.click();
+    await expect(this.anteriorLinkedTrainField).toHaveValue('');
+    await expect(this.anteriorLinkedTrainDate).toHaveValue('16/10/24');
+    await expect(this.anteriorLinkedTrainSearchButton).toBeVisible();
+    await this.anteriorDeleteLinkedPathButton.click();
+    await expect(this.anteriorLinkedTrainField).not.toBeVisible();
+    await expect(this.anteriorLinkedTrainDate).not.toBeVisible();
+    await expect(this.anteriorLinkedTrainSearchButton).not.toBeVisible();
+    await this.posteriorAddLinkedPathButton.click();
+    await expect(this.posteriorLinkedTrainField).toHaveValue('');
+    await expect(this.posteriorLinkedTrainDate).toHaveValue('16/10/24');
+    await expect(this.posteriorLinkedTrainSearchButton).toBeVisible();
+    await this.posteriorDeleteLinkedPathButton.click();
+    await expect(this.posteriorLinkedTrainField).not.toBeVisible();
+    await expect(this.posteriorLinkedTrainDate).not.toBeVisible();
+    await expect(this.posteriorLinkedTrainSearchButton).not.toBeVisible();
+  }
+}
+export default STDCMLinkedTrainPage;

front/tests/pages/stdcm-page-model.ts

@@ -36,6 +36,7 @@ export interface ConsistFields {
 }
 const EXPECT_TO_PASS_TIMEOUT = 90_000; // Since toPass ignores custom expect timeouts, this timeout is set to account for all actions within the function.
 const MINIMUM_SIMULATION_NUMBER = 1;
+
 class STDCMPage {
   readonly page: Page;
 
@@ -65,6 +66,14 @@ class STDCMPage {
 
   readonly addViaButton: Locator;
 
+  readonly anteriorLinkedTrainContainer: Locator;
+
+  readonly anteriorAddLinkedPathButton: Locator;
+
+  readonly posteriorLinkedTrainContainer: Locator;
+
+  readonly posteriorAddLinkedPathButton: Locator;
+
   readonly launchSimulationButton: Locator;
 
   readonly originChField: Locator;
@@ -175,6 +184,16 @@ class STDCMPage {
     this.speedLimitTagField = page.locator('#speed-limit-by-tag-selector');
     this.maxSpeedField = page.locator('#maxSpeed');
     this.addViaButton = page.locator('.stdcm-vias-list button .stdcm-card__body.add-via');
+    this.anteriorLinkedTrainContainer = page.locator(
+      '.stdcm-linked-train-search-container.anterior-linked-train'
+    );
+    this.anteriorAddLinkedPathButton =
+      this.anteriorLinkedTrainContainer.locator('.add-linked-train');
+    this.posteriorLinkedTrainContainer = page.locator(
+      '.stdcm-linked-train-search-container.posterior-linked-train'
+    );
+    this.posteriorAddLinkedPathButton =
+      this.posteriorLinkedTrainContainer.locator('.add-linked-train');
     this.launchSimulationButton = page.getByTestId('launch-simulation-button');
     this.originChField = this.originCard.locator('[id^="id"][id$="-ch"]');
     this.destinationChField = this.destinationCard.locator('[id^="id"][id$="-ch"]');
@@ -299,6 +318,8 @@ class STDCMPage {
       this.consistCard,
       this.originCard,
       this.addViaButton,
+      this.anteriorAddLinkedPathButton,
+      this.posteriorAddLinkedPathButton,
       this.destinationCard,
       this.mapContainer,
       this.launchSimulationButton,
@@ -309,7 +330,7 @@ class STDCMPage {
   }
 
   // Verify all input fields are empty
-  async verifyAllFieldsEmpty() {
+  async verifyAllDefaultPageFields() {
     const emptyFields = [
       this.tractionEngineField,
       this.towedRollingStockField,
@@ -321,20 +342,28 @@ class STDCMPage {
       this.originChField,
       this.destinationChField,
     ];
+    const { arrivalDate, arrivalTime, tolerance, speedLimitTag } = DEFAULT_DETAILS;
     for (const field of emptyFields) await expect(field).toHaveValue('');
-    await expect(this.speedLimitTagField).toHaveValue('__PLACEHOLDER__');
+    await expect(this.originArrival).toHaveValue(ORIGIN_DETAILS.arrivalType.default);
+    await expect(this.destinationArrival).toHaveValue(DESTINATION_DETAILS.arrivalType.default);
+    await expect(this.speedLimitTagField).toHaveValue(speedLimitTag);
+    await expect(this.dateOriginArrival).toHaveValue(arrivalDate);
+    await expect(this.timeOriginArrival).toHaveValue(arrivalTime);
+    await expect(this.toleranceOriginArrival).toHaveValue(tolerance);
   }
 
   // Add a via card, verify fields, and delete it
-  async addAndDeleteEmptyVia() {
+  async addAndDeletedDefaultVia() {
     await this.addViaButton.click();
     await expect(this.getViaCI(1)).toHaveValue('');
     await expect(this.getViaCH(1)).toHaveValue('');
+    await expect(this.getViaType(1)).toHaveValue(VIA_STOP_TYPES.PASSAGE_TIME);
     await this.viaIcon.hover();
     await expect(this.viaDeleteButton).toBeVisible();
     await this.viaDeleteButton.click();
     await expect(this.getViaCI(1)).not.toBeVisible();
     await expect(this.getViaCH(1)).not.toBeVisible();
+    await expect(this.getViaType(1)).not.toBeVisible();
   }
 
   // Verify the origin suggestions when searching for north