chore(@clayui/drop-down): LPD-71044 Add test for title should work in ITEMS

Author: pat270

packages/clay-drop-down/src/__tests__/DropDownWithItems.tsx

@@ -5,7 +5,7 @@
 
 import {ClayDropDownWithItems} from '..';
 import ClayButton from '@clayui/button';
-import {cleanup, render} from '@testing-library/react';
+import {cleanup, fireEvent, render, screen} from '@testing-library/react';
 import React from 'react';
 
 const spritemap = 'icons.svg';
@@ -178,4 +178,59 @@ describe('ClayDropDownWithItems', () => {
 
 		expect(document.body).toMatchSnapshot();
 	});
+
+	it('renders a DropDownWithItems using title', () => {
+		render(
+			<ClayDropDownWithItems
+				items={[
+					{
+						href: '#',
+						title: 'linkable',
+					},
+					{
+						items: [
+							{
+								checked: true,
+								title: 'checkbox',
+								type: 'checkbox' as const,
+							},
+							{
+								checked: false,
+								title: 'checkbox 1',
+								type: 'checkbox' as const,
+							},
+						],
+						title: 'checkbox',
+						type: 'group' as const,
+					},
+					{
+						items: [
+							{
+								title: 'one',
+								type: 'radio' as const,
+								value: 'one',
+							},
+							{
+								title: 'two',
+								type: 'radio' as const,
+								value: 'two',
+							},
+						],
+						name: 'radio',
+						title: 'radio',
+						type: 'radiogroup' as const,
+					},
+				]}
+				renderMenuOnClick
+				spritemap={spritemap}
+				trigger={<ClayButton>Click Me</ClayButton>}
+			/>
+		);
+
+		const toggleButton = document.querySelector('.dropdown-toggle');
+
+		fireEvent.click(toggleButton as HTMLButtonElement, {});
+
+		expect(screen.getByText('linkable')).toBeDefined();
+	});
 });