@wordpress/e2e-tests/plugins/interactive-blocks/directive-key/view.js

End-To-End (E2E) tests for WordPress.

/**
 * WordPress dependencies
 */
import { store } from '@wordpress/interactivity';

const html = `
		<div
			data-wp-interactive="directive-key"
			data-wp-router-region="some-id"
		>
			<ul>
				<li data-wp-key="id-1">1</li>
				<li data-wp-key="id-2" data-testid="second-item">2</li>
				<li data-wp-key="id-3">3</li>
			</ul>
		</div>`;

store( 'directive-key', {
	actions: {
		*navigate() {
			const { actions } = yield import(
				'@wordpress/interactivity-router'
			);
			return actions.navigate( window.location, {
				force: true,
				html,
			} );
		},
	},
} );