Debug step

Signed-off-by: mrrajan <86094767+mrrajan@users.noreply.github.com.>

Author: mrrajan

tests/ui/features/@sbom-explorer/sbom-explorer.feature

@@ -126,6 +126,7 @@ Feature: SBOM Explorer - View SBOM details
         | sbomName    |
         | quarkus-bom |
 
+    @slow
     Scenario Outline: Add Labels to SBOM from SBOM List Page
         Given An ingested SBOM "<sbomName>" is available
         When User Adds Labels "<Labels>" to "<sbomName>" SBOM from List Page
@@ -134,6 +135,7 @@ Feature: SBOM Explorer - View SBOM details
         | sbomName    |     Labels    |
         | quarkus-bom | RANDOM_LABELS |
 
+    @slow
     Scenario Outline: Add Labels to SBOM from SBOM Explorer Page
         Given An ingested SBOM "<sbomName>" is available
         When User visits SBOM details Page of "<sbomName>"

tests/ui/features/@sbom-explorer/sbom-explorer.step.ts

@@ -202,7 +202,7 @@ When(
     // Generate random labels if placeholder is used
     const labelsToAdd =
       labelList === "RANDOM_LABELS" ? detailsPage.generateLabels() : labelList;
-
+    console.log(`List page - Labels added ${labelList}`);
     await detailsPage.addLabels(labelsToAdd);
 
     // Store generated labels for verification
@@ -223,7 +223,7 @@ Then(
       labelList === "RANDOM_LABELS"
         ? (page as any).testContext?.generatedLabels || labelList
         : labelList;
-
+    console.log(`List page - Expected labels ${labelsToVerify}`);
     await detailsPage.verifyLabels(labelsToVerify, sbomName);
   }
 );
@@ -235,7 +235,7 @@ When(
     await detailsPage.editLabelsDetailsPage();
     const labelsToAdd =
       labelList === "RANDOM_LABELS" ? detailsPage.generateLabels() : labelList;
-
+    console.log(`Explorer page - Labels added ${labelList}`);
     await detailsPage.addLabels(labelsToAdd);
     (page as any).testContext = {
       ...(page as any).testContext,
@@ -256,7 +256,7 @@ Then(
       labelList === "RANDOM_LABELS"
         ? (page as any).testContext?.generatedLabels || labelList
         : labelList;
-
+    console.log(`Explorer page - Expected labels ${labelsToVerify}`);
     await detailsPage.verifyLabels(labelsToVerify, sbomName, infoSection);
   }
 );

tests/ui/helpers/DetailsPage.ts

@@ -169,7 +169,7 @@ export class DetailsPage {
    * Generates randomized labels for SBOM list page testing
    */
   public generateLabels(): string {
-    return `label_${this.randomString()}}, key_${this.randomString(3)}=qe_${this.randomString(3)}}`;
+    return `label_${this.randomString()}, key_${this.randomString(3)}=qe_${this.randomString(3)}`;
   }
 
   /**
@@ -186,6 +186,7 @@ export class DetailsPage {
    */
   async addLabels(labelList: string) {
     let labels = labelList.split(",").map((label) => label.trim());
+    console.log(`Labels added to the list: ${labelList}`);
     await this.page.getByText("Edit labels").isVisible();
     for (let label of labels) {
       await this.page.getByPlaceholder("Add label").fill(label);
@@ -236,14 +237,16 @@ export class DetailsPage {
         if (labels.length > 0) {
           const labelText = await elem.innerText({ timeout: 2000 });
           labels = labels.filter((label) => label !== labelText);
+          console.log(`Verification loop: Labels from UI - ${labelText}, LabelListRemaining - ${labels}`);
         } else {
           break;
         }
       }
       if (labels.length === 0) {
         break;
       } else {
-        this.page.waitForTimeout(2000);
+        console.log(`Reload`);
+        await this.page.reload({ waitUntil: 'networkidle' }); 
       }
     }
     expect(