test(e2e): resolve flaky tour tests

Author: chintankavathia

playwright/e2e/element-examples/si-tour.spec.ts

@@ -11,22 +11,29 @@ test.describe('si-tour', () => {
     const nextClick = (): Promise<any> =>
       page.locator('si-tour button', { hasText: 'Next' }).click();
 
+    const waitForTourStep = async (hasArrow = true): Promise<void> => {
+      await expect(page.locator('si-tour .tour-content.show')).toBeVisible();
+      if (hasArrow) {
+        await expect(page.locator('si-tour .popover-arrow')).toBeVisible();
+      }
+    };
+
     await si.visitExample(example);
-    await expect(page.locator('.tour-content')).toBeVisible();
+    await waitForTourStep();
     await si.runVisualAndA11yTests('first-step');
 
     await nextClick();
-    await expect(page.locator('.tour-content')).toBeVisible();
+    await waitForTourStep();
     await si.runVisualAndA11yTests('second-step');
 
     await nextClick();
     await nextClick();
     await nextClick();
     await nextClick();
-    await expect(page.locator('.tour-content')).toBeVisible();
+    await waitForTourStep();
     await si.runVisualAndA11yTests('open-menu');
     await nextClick();
-    await expect(page.locator('.tour-content')).toBeVisible();
+    await waitForTourStep(false);
     await si.runVisualAndA11yTests('last-step');
   });
 });