front: fix flaky e2e test 008

Signed-off-by: maymanaf <med.aymen.naf@gmail.com>

Author: Maymanaf

front/tests/pages/op-timetable-page-model.ts

@@ -94,7 +94,7 @@ class OperationalStudiesTimetablePage extends CommonPage {
 
   // Verify that simulation results are displayed
   async verifySimulationResultsVisibility(): Promise<void> {
-    await this.page.waitForLoadState('networkidle');
+    await this.page.waitForLoadState('networkidle', { timeout: 30_000 });
 
     const simulationResultsLocators = [
       // TODO: remove this commented code when the design of simationBar has been changed
@@ -200,12 +200,13 @@ class OperationalStudiesTimetablePage extends CommonPage {
     const trainCount = await this.timetableTrains.count();
 
     for (let currentTrainIndex = 0; currentTrainIndex < trainCount; currentTrainIndex += 1) {
-      await this.page.waitForLoadState('networkidle');
-      await this.waitForSimulationResults();
-      const trainButton = OperationalStudiesTimetablePage.getTrainButton(
-        this.timetableTrains.nth(currentTrainIndex)
-      );
+      const trainElementHandle = this.timetableTrains.nth(currentTrainIndex);
+
+      await trainElementHandle.scrollIntoViewIfNeeded();
+      await trainElementHandle.waitFor();
+      const trainButton = OperationalStudiesTimetablePage.getTrainButton(trainElementHandle);
       await trainButton.click({ position: { x: 5, y: 5 } });
+      await this.waitForSimulationResults();
       await this.verifySimulationResultsVisibility();
     }
   }