Add unit test for CES package (https://github.com/woocommerce/woocommerce-admin/pull/6196)

plugins/woocommerce-admin/packages/customer-effort-score/src/index.js

@@ -29,7 +29,7 @@ const noop = () => {};
  * @param {Function} props.onModalShownCallback      Function to call when the modal is shown.
  * @param {Object} props.icon                        Icon (React component) to be shown on the notice.
  */
-function CustomerEffortScore( {
+export function CustomerEffortScore( {
 	recordScoreCallback,
 	label,
 	createNotice,

plugins/woocommerce-admin/packages/customer-effort-score/src/test/index.js

@@ -1 +1,106 @@
-test.todo( 'Customer Effort Score' );
+/**
+ * External dependencies
+ */
+import { render, screen } from '@testing-library/react';
+
+/**
+ * Internal dependencies
+ */
+import { CustomerEffortScore } from '../index';
+
+const noop = () => {};
+
+describe( 'CustomerEffortScore', () => {
+	it( 'should call createNotice with appropriate parameters', async () => {
+		const mockCreateNotice = jest.fn();
+		const icon = <span>icon</span>;
+
+		render(
+			<CustomerEffortScore
+				createNotice={ mockCreateNotice }
+				recordScoreCallback={ noop }
+				label={ 'label' }
+				onNoticeDismissedCallback={ noop }
+				icon={ icon }
+			/>
+		);
+
+		expect( mockCreateNotice ).toHaveBeenCalledWith(
+			// Notice status.
+			expect.any( String ),
+			// Notice message.
+			'label',
+			// Notice options.
+			expect.objectContaining( {
+				icon,
+				onDismiss: noop,
+			} )
+		);
+	} );
+
+	it( 'should not call createNotice on rerender', async () => {
+		const mockCreateNotice = jest.fn();
+
+		const { rerender } = render(
+			<CustomerEffortScore
+				createNotice={ mockCreateNotice }
+				recordScoreCallback={ noop }
+				label={ 'label' }
+			/>
+		);
+
+		// Simulate rerender by changing label prop.
+		rerender(
+			<CustomerEffortScore
+				createNotice={ mockCreateNotice }
+				recordScoreCallback={ noop }
+				label={ 'label2' }
+			/>
+		);
+
+		expect( mockCreateNotice ).toHaveBeenCalledTimes( 1 );
+	} );
+
+	it( 'should not show dialog if no action is taken', async () => {
+		render(
+			<CustomerEffortScore
+				createNotice={ noop }
+				recordScoreCallback={ noop }
+				label={ 'label' }
+			/>
+		);
+
+		const dialog = screen.queryByRole( 'dialog' );
+		expect( dialog ).toBeNull();
+	} );
+
+	it( 'should show dialog if "Give feedback" callback is run', async () => {
+		const mockOnModalShownCallback = jest.fn();
+		const createNotice = ( ...args ) => {
+			// We're only interested in the 3rd argument.
+			const { actions } = args[ 2 ];
+
+			// Assuming the first action is the "Give feedback" action,
+			// manually call callback.
+			const callback = actions[ 0 ].onClick;
+			if ( typeof callback === 'function' ) {
+				callback();
+			}
+
+			// Modal shown callback should also be called.
+			expect( mockOnModalShownCallback ).toHaveBeenCalled();
+		};
+
+		render(
+			<CustomerEffortScore
+				createNotice={ createNotice }
+				recordScoreCallback={ noop }
+				label={ 'label' }
+				onModalShownCallback={ mockOnModalShownCallback }
+			/>
+		);
+
+		const dialog = screen.queryByRole( 'dialog' );
+		expect( dialog ).not.toBeNull();
+	} );
+} );