fix(ui): relationship edit drawers now respect current locale (#10262)

Fixes #9979

test/localization/config.ts

@@ -524,7 +524,7 @@ export default buildConfigWithDefaults({
         relationship: localizedRelation.id,
       },
     })
-    await payload.create({
+    const relationshipLocalized = await payload.create({
       collection: relationshipLocalizedSlug,
       data: {
         arrayField: [
@@ -543,6 +543,15 @@ export default buildConfigWithDefaults({
       locale: 'en',
     })
 
+    await payload.update({
+      collection: relationshipLocalizedSlug,
+      id: relationshipLocalized.id,
+      data: {
+        relationMultiRelationTo: { relationTo: collection, value: localizedPost.id },
+      },
+      locale: 'es',
+    })
+
     console.log('SEED 5')
 
     const globalArray = await payload.updateGlobal({

test/localization/e2e.spec.ts

@@ -12,6 +12,7 @@ import {
   changeLocale,
   ensureCompilationIsDone,
   initPageConsoleErrorCatch,
+  openDocDrawer,
   saveDocAndAssert,
 } from '../helpers.js'
 import { AdminUrlUtil } from '../helpers/adminUrlUtil.js'
@@ -23,6 +24,7 @@ import {
   defaultLocale,
   englishTitle,
   localizedPostsSlug,
+  relationshipLocalizedSlug,
   spanishLocale,
   withRequiredLocalizedFields,
 } from './shared.js'
@@ -41,6 +43,7 @@ const dirname = path.dirname(filename)
 const { beforeAll, describe } = test
 let url: AdminUrlUtil
 let urlWithRequiredLocalizedFields: AdminUrlUtil
+let urlRelationshipLocalized: AdminUrlUtil
 
 const title = 'english title'
 const spanishTitle = 'spanish title'
@@ -58,6 +61,7 @@ describe('Localization', () => {
     ;({ payload, serverURL } = await initPayloadE2ENoConfig<Config>({ dirname }))
 
     url = new AdminUrlUtil(serverURL, localizedPostsSlug)
+    urlRelationshipLocalized = new AdminUrlUtil(serverURL, relationshipLocalizedSlug)
     richTextURL = new AdminUrlUtil(serverURL, richTextSlug)
     urlWithRequiredLocalizedFields = new AdminUrlUtil(serverURL, withRequiredLocalizedFields)
 
@@ -253,6 +257,23 @@ describe('Localization', () => {
 
       await expect(page.locator('#field-children .rs__menu')).toContainText('spanish-relation2')
     })
+
+    test('ensure relationship edit drawers are opened in currently selected locale', async () => {
+      await page.goto(urlRelationshipLocalized.list)
+      await changeLocale(page, spanishLocale)
+
+      const post = page.locator('.cell-id a').first()
+      const postUrl = await post.getAttribute('href')
+      await page.goto(serverURL + postUrl)
+      await page.waitForURL(serverURL + postUrl)
+
+      await openDocDrawer(
+        page,
+        '#field-relationMultiRelationTo .relationship--single-value__drawer-toggler',
+      )
+
+      await expect(page.locator('.doc-drawer__header-text')).toContainText('spanish-relation2')
+    })
   })
 
   describe('copy localized data', () => {