Add missing object onChange unit test

WordPress · Jun 20, 2024 · b0ba57e · b0ba57e
1 parent 8afc3cd
commit b0ba57e
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/packages/components/src/custom-select-control/test/index.js b/packages/components/src/custom-select-control/test/index.js
@@ -271,6 +271,54 @@ describe.each( [
 		expect( screen.getByRole( 'option', { name: /hint/i } ) ).toBeVisible();
 	} );
 
+	it( 'Should return object onChange', async () => {
+		const user = userEvent.setup();
+		const mockOnChange = jest.fn();
+
+		render(
+			<Component
+				{ ...props }
+				value={ props.options[ 0 ] }
+				onChange={ mockOnChange }
+			/>
+		);
+
+		await user.click(
+			screen.getByRole( 'button', {
+				expanded: false,
+			} )
+		);
+
+		// DIFFERENCE WITH V2: NOT CALLED
+		// expect( mockOnChange ).toHaveBeenNthCalledWith(
+		// 	1,
+		// 	expect.objectContaining( {
+		// 		inputValue: '',
+		// 		isOpen: false,
+		// 		selectedItem: { key: 'flower1', name: 'violets' },
+		// 		type: '',
+		// 	} )
+		// );
+
+		await user.click(
+			screen.getByRole( 'option', {
+				name: 'aquamarine',
+			} )
+		);
+
+		expect( mockOnChange ).toHaveBeenNthCalledWith(
+			1,
+			expect.objectContaining( {
+				inputValue: '',
+				isOpen: false,
+				selectedItem: expect.objectContaining( {
+					name: 'aquamarine',
+				} ),
+				type: '__item_click__',
+			} )
+		);
+	} );
+
 	it( 'Should return selectedItem object when specified onChange', async () => {
 		const user = userEvent.setup();
 		const mockOnChange = jest.fn();