test: cleans up fields-relationship test suite (#11003)

The `fields-relationship` test suite is disorganized to the point of
being unusable. This makes it very difficult to digest at a high level
and add new tests.

This PR cleans it up in the following ways:

- Moves collection configs to their own standalone files
- Moves the seed function to its own file
- Consolidates collection slugs in their own file
- Uses generated types instead of defining them statically
- Wraps the `filterOptions` e2e tests within a describe block

Related, there are three distinct test suites where we manage
relationships: `relationships`, `fields-relationship`, and `fields >
relationships`. In the future we ought to consolidate at least two of
these. IMO the `fields > relationship` suite should remain in place for
general _component level_ UI tests for the field itself, whereas the
other suite could run the integration tests and test the more complex UI
patterns that exist outside of the field component.

Author: jacobsfletch

test/fields-relationship/PrePopulateFieldUI/index.tsx

@@ -2,7 +2,7 @@
 import { useField } from '@payloadcms/ui'
 import * as React from 'react'
 
-import { collection1Slug } from '../collectionSlugs.js'
+import { collection1Slug } from '../slugs.js'
 
 export const PrePopulateFieldUI: React.FC<{
   hasMany?: boolean

test/fields-relationship/baseFields.ts

@@ -0,0 +1,8 @@
+import type { CollectionConfig } from 'payload'
+
+export const baseRelationshipFields: CollectionConfig['fields'] = [
+  {
+    name: 'name',
+    type: 'text',
+  },
+]

test/fields-relationship/collections/Collection1/index.ts

@@ -0,0 +1,16 @@
+import type { CollectionConfig } from 'payload'
+
+import { collection1Slug } from '../../slugs.js'
+
+export const Collection1: CollectionConfig = {
+  fields: [
+    {
+      name: 'name',
+      type: 'text',
+    },
+  ],
+  slug: collection1Slug,
+  admin: {
+    useAsTitle: 'name',
+  },
+}

test/fields-relationship/collections/Collection2/index.ts

@@ -0,0 +1,13 @@
+import type { CollectionConfig } from 'payload'
+
+import { collection2Slug } from '../../slugs.js'
+
+export const Collection2: CollectionConfig = {
+  fields: [
+    {
+      name: 'name',
+      type: 'text',
+    },
+  ],
+  slug: collection2Slug,
+}

test/fields-relationship/collections/FilterFalse/index.ts

@@ -0,0 +1,12 @@
+import type { CollectionConfig } from 'payload'
+
+import { baseRelationshipFields } from '../../baseFields.js'
+import { relationFalseFilterOptionSlug } from '../../slugs.js'
+
+export const RelationshipFilterFalse: CollectionConfig = {
+  admin: {
+    useAsTitle: 'name',
+  },
+  fields: baseRelationshipFields,
+  slug: relationFalseFilterOptionSlug,
+}

test/fields-relationship/collections/FilterTrue/index.ts

@@ -0,0 +1,12 @@
+import type { CollectionConfig } from 'payload'
+
+import { baseRelationshipFields } from '../../baseFields.js'
+import { relationTrueFilterOptionSlug } from '../../slugs.js'
+
+export const RelationshipFilterTrue: CollectionConfig = {
+  admin: {
+    useAsTitle: 'name',
+  },
+  fields: baseRelationshipFields,
+  slug: relationTrueFilterOptionSlug,
+}

test/fields-relationship/collections/MixedMedia/index.ts

@@ -0,0 +1,19 @@
+import type { CollectionConfig } from 'payload'
+
+import {
+  mixedMediaCollectionSlug,
+  podcastCollectionSlug,
+  videoCollectionSlug,
+} from '../../slugs.js'
+
+export const MixedMedia: CollectionConfig = {
+  slug: mixedMediaCollectionSlug,
+  fields: [
+    {
+      type: 'relationship',
+      name: 'relatedMedia',
+      relationTo: [videoCollectionSlug, podcastCollectionSlug],
+      hasMany: true,
+    },
+  ],
+}

test/fields-relationship/collections/Podcast/index.ts

@@ -0,0 +1,21 @@
+import type { CollectionConfig } from 'payload'
+
+import { podcastCollectionSlug } from '../../slugs.js'
+
+export const Podcast: CollectionConfig = {
+  slug: podcastCollectionSlug,
+  admin: {
+    useAsTitle: 'title',
+  },
+  fields: [
+    {
+      name: 'id',
+      type: 'number',
+      required: true,
+    },
+    {
+      name: 'title',
+      type: 'text',
+    },
+  ],
+}

test/fields-relationship/collections/Relation1/index.ts

@@ -0,0 +1,9 @@
+import type { CollectionConfig } from 'payload'
+
+import { baseRelationshipFields } from '../../baseFields.js'
+import { relationOneSlug } from '../../slugs.js'
+
+export const Relation1: CollectionConfig = {
+  fields: baseRelationshipFields,
+  slug: relationOneSlug,
+}

test/fields-relationship/collections/Relation2/index.ts

@@ -0,0 +1,9 @@
+import type { CollectionConfig } from 'payload'
+
+import { baseRelationshipFields } from '../../baseFields.js'
+import { relationTwoSlug } from '../../slugs.js'
+
+export const Relation2: CollectionConfig = {
+  fields: baseRelationshipFields,
+  slug: relationTwoSlug,
+}