test(add_product): add dialog assertion for successful product save

Author: pauldotyu

tests/e2e/add_product.spec.ts

@@ -3,27 +3,35 @@ import { test, expect } from '@playwright/test';
 test.use({ baseURL: process.env.STORE_ADMIN_URL });
 
 test('can add product ', async ({ page }) => {
-    await page.goto('/');
-  
-    await page.getByRole('link', { name: 'Products' }).click();
-    await page.getByRole('button', { name: 'Add Product' }).click();
-
-    await page.getByPlaceholder('Product Name').fill('Bear Snacks');
-    await page.getByPlaceholder('Price').fill('29.99');
-    await page.getByPlaceholder('Product Keywords').fill('dog, snack, treat, courage, ghosts');
-
-    const askOpenAI = page.getByRole('button', { name: 'Ask OpenAI' });
-
-    if (await askOpenAI.isVisible()) {
-      const aiApiCall = page.waitForResponse('/ai/generate/description');
-      await askOpenAI.click();
-      await aiApiCall;
-    }
-    else {
-        await page.getByPlaceholder('Product Description').fill('Something tasty for the pups');
-    }
-
-    await page.getByRole('button', { name: 'Save Product' }).click();
-    await expect(page.getByRole('heading', { name: 'Bear Snacks - 29.99' })).toBeVisible();
-    await expect(page.getByRole('button', { name: 'Edit Product' })).toBeVisible();
+  await page.goto('/');
+
+  await page.getByRole('link', { name: 'Products' }).click();
+  await page.getByRole('button', { name: 'Add Product' }).click();
+
+  await page.getByPlaceholder('Product Name').fill('Bear Snacks');
+  await page.getByPlaceholder('Price').fill('29.99');
+  await page.getByPlaceholder('Product Keywords').fill('dog, snack, treat, courage, ghosts');
+
+  const askOpenAI = page.getByRole('button', { name: 'Ask OpenAI' });
+
+  if (await askOpenAI.isVisible()) {
+    const aiApiCall = page.waitForResponse('/ai/generate/description');
+    await askOpenAI.click();
+    await aiApiCall;
+  }
+  else {
+    await page.getByPlaceholder('Product Description').fill('Something tasty for the pups');
+  }
+
+  await page.getByRole('button', { name: 'Save Product' }).click();
+
+  page.on('dialog', async dialog => {
+    expect(dialog.type()).toBe('alert');
+    expect(dialog.message()).toBe('Product saved successfully');
+    await dialog.accept();
   });
+
+  await expect(page).toHaveURL(/\/product\/\d+/);
+  await expect(page.getByRole('heading', { name: 'Bear Snacks - 29.99' })).toBeVisible();
+  await expect(page.getByRole('button', { name: 'Edit Product' })).toBeVisible();
+});

tests/playwright.config.ts

@@ -34,10 +34,10 @@ export default defineConfig({
       use: { ...devices['Desktop Chrome'] },
     },
 
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    // },
 
     // {
     //   name: 'webkit',