ACF Blocks JS Test

functions.php

<?php

add_action('acf/init', 'my_acf_blocks_init');
function my_acf_blocks_init() {

		acf_register_block_type(array(
			'name'  			=> 'test-js',
			'title' 			=> __('Test JS'),
			'description'   	=> __('A block for testing JS.'),
			'render_template'	=> 'template-parts/blocks/test-js/test-js.php',
			'enqueue_script'	=> get_stylesheet_directory_uri() . '/template-parts/blocks/test-js/test-js.js',
		));
		
	}
}

test-js.js

(function($){
	
	/**
	 * initializeBlock
	 *
	 * Adds custom JavaScript to the block HTML.
	 *
	 * @date	15/4/19
	 * @since	1.0.0
	 *
	 * @param	object $block The block jQuery element.
	 * @return	void
	 */
	var initializeBlock = function( $block, attributes ) {
		$block.find('.test-div').css({
			background: 'red'
		}).text('Changed via JS');
	}
	
	// Initialize dynamic block preview (editor).
	if( window.acf ) {
		window.acf.addAction( 'render_block_preview/type=test-js', initializeBlock );
	}
	
})(jQuery);

test-js.php

<div class="test-div">Test</div>