fix(next): forgot password basePath was not respected (#16084)

Fixes #16082

Disables autoLogin for the `base-path` suite as it is not possible to
test this with auto login enabled

---
- To see the specific tasks where the Asana app for GitHub is being
used, see below:
  - https://app.asana.com/0/0/1213836723510261

Author: r1tsuu

packages/next/src/views/ForgotPassword/ForgotPasswordForm/index.tsx

@@ -4,7 +4,7 @@ import type { FormProps } from '@payloadcms/ui'
 import type { FormState, PayloadRequest } from 'payload'
 
 import { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'
-import { email, text } from 'payload/shared'
+import { email, formatAdminURL, text } from 'payload/shared'
 import React, { useState } from 'react'
 
 import { FormHeader } from '../../../elements/FormHeader/index.js'
@@ -14,7 +14,7 @@ export const ForgotPasswordForm: React.FC = () => {
 
   const {
     admin: { user: userSlug },
-    routes: { api },
+    routes: { api: apiRoute },
   } = config
 
   const { t } = useTranslation()
@@ -65,7 +65,10 @@ export const ForgotPasswordForm: React.FC = () => {
 
   return (
     <Form
-      action={`${api}/${userSlug}/forgot-password`}
+      action={formatAdminURL({
+        apiRoute,
+        path: `/${userSlug}/forgot-password`,
+      })}
       handleResponse={handleResponse}
       initialState={initialState}
       method="POST"

test/base-path/config.ts

@@ -6,6 +6,9 @@ import { BASE_PATH } from './shared.js'
 process.env.NEXT_BASE_PATH = BASE_PATH
 
 export default buildConfigWithDefaults({
+  admin: {
+    autoLogin: false,
+  },
   collections: [
     Posts,
     {

test/base-path/e2e.spec.ts

@@ -2,15 +2,17 @@ import type { Page } from '@playwright/test'
 
 import { expect, test } from '@playwright/test'
 import path from 'path'
+import { wait } from 'payload/shared'
 import { fileURLToPath } from 'url'
 
+import { login } from '../__helpers/e2e/auth/login.js'
+import { goToListDoc } from '../__helpers/e2e/goToListDoc.js'
 import {
   ensureCompilationIsDone,
   initPageConsoleErrorCatch,
   saveDocAndAssert,
 } from '../__helpers/e2e/helpers.js'
 import { AdminUrlUtil } from '../__helpers/shared/adminUrlUtil.js'
-import { goToListDoc } from '../__helpers/e2e/goToListDoc.js'
 import { initPayloadE2ENoConfig } from '../__helpers/shared/initPayloadE2ENoConfig.js'
 import { TEST_TIMEOUT_LONG } from '../playwright.config.js'
 import { BASE_PATH } from './shared.js'
@@ -39,17 +41,36 @@ test.describe('Base Path', () => {
     initPageConsoleErrorCatch(page)
 
     await ensureCompilationIsDone({
+      noAutoLogin: true,
       page,
       serverURL,
     })
   })
 
+  test('should submit forgot-password form with correct basePath in action', async () => {
+    await page.goto(`${url.admin}/forgot`)
+
+    // Verify the form action includes the basePath prefix
+    await expect(async () => {
+      const formAction = await page.locator('form').getAttribute('action')
+      expect(formAction).toContain('/cms/api/users/forgot-password')
+    }).toPass()
+
+    // Fill in the email field and submit
+    await page.locator('#field-email').fill('dev@payloadcms.com')
+    await page.locator('button[type="submit"]').click()
+
+    // Verify success state renders — proves the POST went to the correct URL
+    await expect(page.locator('.form-header h1')).toHaveText('Email Sent')
+  })
+
   test('should navigate to posts collection by clicking nav link', async () => {
     // Navigate to the admin dashboard
+    await login({ page, serverURL })
     await page.goto(url.admin)
 
     // click first dashboard card
-    await page.locator('.dashboard__card-list .card').first().click()
+    await page.locator('.collections__card-list .card').first().click()
 
     // should navigate to basePath url
     await expect.poll(() => page.url()).toContain('/cms/admin/collections/posts')