Fixing flaky queued_message.spec.ts test (#3179)

 --- <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/3179" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1"> <img src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1" alt="Open with Devin"> </picture> </a>

Fixing flaky queued_message.spec.ts test (#3179)
9bab193f · Mohamed Aziz Mejri · GitHub · b8237853 · 9bab193f
--- a/e2e-tests/helpers/page-objects/components/ModelPicker.ts
+++ b/e2e-tests/helpers/page-objects/components/ModelPicker.ts
@@ -3,7 +3,7 @@
 * Handles model and provider selection.
 */

-import { Page } from "@playwright/test";
+import { expect, Page } from "@playwright/test";

 export class ModelPicker {
  constructor(public page: Page) {}
@@ -16,8 +16,12 @@ export class ModelPicker {

  async selectTestModel() {
    await this.page.getByTestId("model-picker").click();
-    await this.page.getByText("test-provider").click();
-    await this.page.getByText("test-model").click();
+    const providerItem = this.page.getByText("test-provider");
+    await expect(providerItem).toBeVisible();
+    await providerItem.click();
+    const modelItem = this.page.getByText("test-model");
+    await expect(modelItem).toBeVisible();
+    await modelItem.click();
  }

  async selectTestOllamaModel() {