chore: tests

test/fields/collections/Relationship/index.ts

@@ -8,7 +8,7 @@ const RelationshipFields: CollectionConfig = {
     {
       name: 'relationship',
       type: 'relationship',
-      relationTo: ['uploads', 'array-fields'],
+      relationTo: ['text-fields', 'array-fields'],
       required: true,
     },
     {

test/fields/e2e.spec.ts

@@ -8,6 +8,7 @@ import { arrayFieldsSlug } from './collections/Array';
 import { pointFieldsSlug } from './collections/Point';
 import { tabsSlug } from './collections/Tabs';
 import wait from '../../src/utilities/wait';
+import { relationshipFieldsSlug } from './collections/Relationship';
 
 const { beforeAll, describe } = test;
 
@@ -222,5 +223,75 @@ describe('fields', () => {
         await expect(editLinkModal).not.toBeVisible();
       });
     });
+
+    describe('relationship', () => {
+      let url: AdminUrlUtil;
+
+      beforeAll(() => {
+        url = new AdminUrlUtil(serverURL, relationshipFieldsSlug);
+      });
+
+      test('should create inline relationship within field with many relations', async () => {
+        await page.goto(url.create);
+
+        const button = page.locator('#relationship-add-new .relationship-add-new__add-button');
+        await button.click();
+        await page.locator('.relationship-add-new__relation-button--text-fields').click();
+
+        const textField = page.locator('#field-text');
+        const textValue = 'hello';
+
+        await textField.fill(textValue);
+
+        await page.locator('#relationship-add-modal-depth-1 #action-save').click();
+        await expect(page.locator('.Toastify')).toContainText('successfully');
+
+        await expect(page.locator('#field-relationship .rs__single-value')).toContainText(textValue);
+
+        await page.locator('#action-save').click();
+        await expect(page.locator('.Toastify')).toContainText('successfully');
+      });
+
+      test('should create nested inline relationships', async () => {
+        await page.goto(url.create);
+
+        // Open first modal
+        await page.locator('#relationToSelf-add-new .relationship-add-new__add-button').click();
+
+        // Fill first modal's required relationship field
+        await page.locator('#relationToSelf-add-modal-depth-1 #field-relationship').click();
+        await page.locator('#relationToSelf-add-modal-depth-1 .rs__option:has-text("Seeded text document")').click();
+
+        // Open second modal
+        await page.locator('#relationToSelf-add-modal-depth-1 #relationToSelf-add-new button').click();
+
+        // Fill second modal's required relationship field
+        await page.locator('#relationToSelf-add-modal-depth-2 #field-relationship').click();
+        await page.locator('#relationToSelf-add-modal-depth-2 .rs__option:has-text("Seeded text document")').click();
+
+        // Save second modal
+        await page.locator('#relationToSelf-add-modal-depth-2 #action-save').click();
+
+        // Assert that the first modal is still open
+        // and that the Relation to Self field now has a value in its input
+        await expect(page.locator('#relationToSelf-add-modal-depth-1 #field-relationToSelf .rs__single-value')).toBeVisible();
+
+        // Save first modal
+        await page.locator('#relationToSelf-add-modal-depth-1 #action-save').click();
+
+        await wait(200);
+
+        // Expect the original field to have a value filled
+        await expect(page.locator('#field-relationToSelf .rs__single-value')).toBeVisible();
+
+        // Fill the required field
+        await page.locator('#field-relationship').click();
+        await page.locator('.rs__option:has-text("Seeded text document")').click();
+
+        await page.locator('#action-save').click();
+
+        await expect(page.locator('.Toastify')).toContainText('successfully');
+      });
+    });
   });
 });