@wordpress/compose/src/higher-order/with-instance-id/test/index.js

WordPress higher-order components (HOCs).

/**
 * External dependencies
 */
import { render, screen } from '@testing-library/react';

/**
 * Internal dependencies
 */
import withInstanceId from '../';

describe( 'withInstanceId', () => {
	const DumpComponent = withInstanceId( ( { instanceId } ) => {
		return <div data-testid="wrapper">{ instanceId }</div>;
	} );

	it( 'should generate a new instanceId for each instance', () => {
		render( <DumpComponent /> );
		render( <DumpComponent /> );

		const elements = screen.getAllByTestId( 'wrapper' );

		expect( elements[ 0 ] ).not.toHaveTextContent(
			elements[ 1 ].textContent
		);
	} );
} );