Test case for combining combined fields

WordPress · Nov 22, 2024 · 8cdacc5 · 8cdacc5
1 parent 81d2ee8
commit 8cdacc5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/dataviews/src/components/dataviews/stories/fixtures.tsx b/packages/dataviews/src/components/dataviews/stories/fixtures.tsx
@@ -558,6 +558,7 @@ export const themeFields: Field< Theme >[] = [
 	},
 	{ id: 'requires', label: 'Requires at least' },
 	{ id: 'tested', label: 'Tested up to' },
+	{ id: 'icon', label: 'Icon', render: () => <Icon icon={ image } /> },
 	{
 		id: 'tags',
 		label: 'Tags',

diff --git a/packages/dataviews/src/components/dataviews/stories/index.story.tsx b/packages/dataviews/src/components/dataviews/stories/index.story.tsx
@@ -141,11 +141,17 @@ export const CombinedFields = () => {
 			layout: {
 				primaryField: 'name',
 				combinedFields: [
+					{
+						id: 'name_tested',
+						label: 'Theme', // This is not used, but is required for TS.
+						children: [ 'name', 'tested' ],
+						direction: 'vertical',
+					},
 					{
 						id: 'theme',
 						label: 'Theme',
-						children: [ 'name', 'description' ],
-						direction: 'vertical',
+						children: [ 'icon', 'name_tested' ],
+						direction: 'horizontal',
 					},
 				] as CombinedField[],
 				styles: {