Fix firefox being too fast and not catching waiting state with spinner in newsletter subscription e2e test

Author: webstackdev

_TODO.md

@@ -97,7 +97,3 @@ if (window.matchMedia) {
     });
 }
 ```
-
-```bash
-
-```

playwright.config.ts

@@ -8,7 +8,9 @@ import { testDatabaseFile } from './test/e2e/config/runtime/paths'
 import dotenv from 'dotenv'
 import { isCI } from 'src/lib/config/environmentServer'
 
-if ( !isCI() ) dotenv.config({ path: '.env.development' })
+if (!isCI()) {
+  dotenv.config({ path: '.env.development', quiet: true })
+}
 
 process.env['ASTRO_DATABASE_FILE'] = process.env['ASTRO_DATABASE_FILE'] ?? testDatabaseFile
 process.env['PLAYWRIGHT'] = process.env['PLAYWRIGHT'] ?? 'true'

test/e2e/specs/03-forms/newsletter-subscription.spec.ts

@@ -90,21 +90,18 @@ test.describe('Newsletter Subscription Form', () => {
 
     // Set up intercept for API call to slow it down
     const browserName = newsletterPage.context().browser()?.browserType().name()
-    const delayMs = browserName === 'webkit' ? 300 : 100
-    const delayOverride = await delayFetchForEndpoint(newsletterPage.page, { endpoint: newsletterSubscribeActionEndpoint, delayMs })
+    const delayMs = browserName === 'firefox' ? 500 : browserName === 'webkit' ? 300 : 100
+    const delayOverride = await delayFetchForEndpoint(newsletterPage.page, { endpoint: actionsEndpointPrefix, delayMs })
 
     // Click submit and immediately check for spinner
     const submitButton = newsletterPage.locator('#newsletter-submit')
 
-    // Submit form and check loading state immediately
-    const submitPromise = submitButton.click()
-
     try {
       // The spinner should enter the loading state during the API call
-      await newsletterPage.waitForSpinnerLoadingState()
-
-      // Wait for the submit to complete
-      await submitPromise
+      await Promise.all([
+        newsletterPage.waitForSpinnerLoadingState(),
+        submitButton.click(),
+      ])
     } finally {
       await delayOverride.restore()
     }