chore: change other instances of port 3000 being hardcoded in tests (#16290)

Changes the remaining instances of port 3000 being hard coded in our
test suite

Author: paulpopus

test/__helpers/shared/NextRESTClient.ts

@@ -78,7 +78,7 @@ export class NextRESTClient {
 
   private token: string
 
-  serverURL: string = 'http://localhost:3000'
+  serverURL: string = `http://localhost:${process.env.PORT || 3000}`
 
   constructor(config: SanitizedConfig) {
     this.config = config

test/__helpers/shared/getSDK.ts

@@ -21,7 +21,7 @@ export const getSDK = (config: SanitizedConfig) => {
     baseURL: ``,
     fetch: (path: string, init: RequestInit) => {
       const [slugs, search] = path.slice(1).split('?')
-      const url = `${config.serverURL || 'http://localhost:3000'}${config.routes.api}/${slugs}${search ? `?${search}` : ''}`
+      const url = `${config.serverURL || `http://localhost:${process.env.PORT || 3000}`}${config.routes.api}/${slugs}${search ? `?${search}` : ''}`
 
       if (init.body instanceof FormData) {
         const file = init.body.get('file') as Blob

test/admin-bar/app/admin-bar/layout.tsx

@@ -17,7 +17,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         <PayloadAdminBar
           adminPath="/admin"
           apiPath="/api"
-          cmsURL="http://localhost:3000"
+          cmsURL={process.env.NEXT_PUBLIC_SERVER_URL || 'http://localhost:3000'}
           collection="pages"
           devMode
           id="1"

test/admin-root/config.ts

@@ -31,7 +31,7 @@ export default buildConfigWithDefaults({
       },
     },
   },
-  cors: ['http://localhost:3000', 'http://localhost:3001'],
+  cors: [`http://localhost:${process.env.PORT || 3000}`, 'http://localhost:3001'],
   globals: [MenuGlobal],
   routes: {
     admin: adminRoute,

test/admin/config.ts

@@ -155,7 +155,7 @@ export default buildConfigWithDefaults({
     },
     livePreview: {
       collections: [reorderTabsSlug, editMenuItemsSlug],
-      url: 'http://localhost:3000',
+      url: `http://localhost:${process.env.PORT || 3000}`,
     },
     meta: {
       description: 'This is a custom meta description',

test/base-path/config.ts

@@ -18,7 +18,7 @@ export default buildConfigWithDefaults({
     },
   ],
   onInit: seed,
-  serverURL: 'http://localhost:3000',
+  serverURL: `http://localhost:${process.env.PORT || 3000}`,
   endpoints: [
     {
       handler: () => {

test/dev.ts

@@ -78,7 +78,7 @@ nextEnvImport.updateInitialEnv(process.env)
 
 // Open the admin if the -o flag is passed
 if (args.o) {
-  await open(`http://localhost:3000${adminRoute}`)
+  await open(`http://localhost:${process.env.PORT || 3000}${adminRoute}`)
 }
 
 const findOpenPort = (startPort: number): Promise<number> => {

test/field-error-states/collections/PrevValue/index.ts

@@ -34,7 +34,7 @@ export const PrevValue: CollectionConfig = {
 
         try {
           const relatedDocs = await fetch(
-            `http://localhost:3000/api/${collectionSlugs.prevValueRelation}${query}`,
+            `http://localhost:${process.env.PORT || 3000}/api/${collectionSlugs.prevValueRelation}${query}`,
             {
               credentials: 'include',
               headers: {

test/lexical-mdx/config.ts

@@ -32,7 +32,7 @@ export default buildConfigWithDefaults({
     },
   },
   editor: lexicalEditor({}),
-  cors: ['http://localhost:3000', 'http://localhost:3001'],
+  cors: [`http://localhost:${process.env.PORT || 3000}`, 'http://localhost:3001'],
   globals: [],
   onInit: async (payload) => {
     await payload.create({

test/lexical/collections/Lexical/e2e/blocks/e2e.spec.ts

@@ -1274,7 +1274,7 @@ describe('lexicalBlocks', () => {
     test('ensure nested lexical field displays field label and description', async () => {
       // Previously, we had the issue that nested lexical fields did not display the field label and description, as
       // their client field configs were generated incorrectly on the server.
-      await page.goto('http://localhost:3000/admin/collections/LexicalInBlock?limit=10')
+      await page.goto(`${serverURL}/admin/collections/LexicalInBlock?limit=10`)
 
       // Wait for table to be fully loaded
       await expect(page.locator('tbody tr')).not.toHaveCount(0)
@@ -1326,7 +1326,7 @@ describe('lexicalBlocks', () => {
     })
 
     test('ensure individual inline blocks in lexical editor within a block have initial state on initial load', async () => {
-      await page.goto('http://localhost:3000/admin/collections/LexicalInBlock?limit=10')
+      await page.goto(`${serverURL}/admin/collections/LexicalInBlock?limit=10`)
 
       // Wait for table to be fully loaded
       await expect(page.locator('tbody tr')).not.toHaveCount(0)
@@ -1488,7 +1488,7 @@ describe('lexicalBlocks', () => {
     })
 
     test('ensure inline blocks restore their state after undoing a removal', async () => {
-      await page.goto('http://localhost:3000/admin/collections/LexicalInBlock?limit=10')
+      await page.goto(`${serverURL}/admin/collections/LexicalInBlock?limit=10`)
 
       // Wait for table to be fully loaded
       await expect(page.locator('tbody tr')).not.toHaveCount(0)