Migrate 'block-locking' to Playwright (#41050)

* Migrate 'block-locking' to Playwright
* Use correct utility method

test/e2e/specs/editor/various/block-locking.spec.js

@@ -0,0 +1,86 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Block Locking', () => {
+	test.beforeEach( async ( { admin } ) => {
+		await admin.createNewPost();
+	} );
+
+	test.describe( 'General', () => {
+		test( 'can prevent removal', async ( { editor, page } ) => {
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			await page.keyboard.type( 'Some paragraph' );
+
+			await editor.clickBlockOptionsMenuItem( 'Lock' );
+
+			await page.click( 'role=checkbox[name="Prevent removal"]' );
+			await page.click( 'role=button[name="Apply"]' );
+
+			await expect(
+				page.locator( 'role=menuitem[name="Remove Paragraph"]' )
+			).not.toBeVisible();
+		} );
+
+		test( 'can disable movement', async ( { editor, page } ) => {
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			await page.keyboard.type( 'First paragraph' );
+
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			await page.keyboard.type( 'Second paragraph' );
+
+			await editor.clickBlockOptionsMenuItem( 'Lock' );
+
+			await page.click( 'role=checkbox[name="Disable movement"]' );
+			await page.click( 'role=button[name="Apply"]' );
+
+			// Hide options.
+			await editor.clickBlockToolbarButton( 'Options' );
+
+			// Drag handle is hidden.
+			await expect(
+				page.locator( 'role=button[name="Drag"]' )
+			).not.toBeVisible();
+
+			// Movers are hidden. No need to check for both.
+			await expect(
+				page.locator( 'role=button[name="Move up"]' )
+			).not.toBeVisible();
+		} );
+
+		test( 'can lock everything', async ( { editor, page } ) => {
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			await page.keyboard.type( 'Some paragraph' );
+
+			await editor.clickBlockOptionsMenuItem( 'Lock' );
+
+			await page.click( 'role=checkbox[name="Lock all"]' );
+			await page.click( 'role=button[name="Apply"]' );
+
+			expect( await editor.getEditedPostContent() )
+				.toBe( `<!-- wp:paragraph {"lock":{"move":true,"remove":true}} -->
+<p>Some paragraph</p>
+<!-- /wp:paragraph -->` );
+		} );
+
+		test( 'can unlock from toolbar', async ( { editor, page } ) => {
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			await page.keyboard.type( 'Some paragraph' );
+
+			await editor.clickBlockOptionsMenuItem( 'Lock' );
+
+			await page.click( 'role=checkbox[name="Lock all"]' );
+			await page.click( 'role=button[name="Apply"]' );
+
+			await editor.clickBlockToolbarButton( 'Unlock Paragraph' );
+			await page.click( 'role=checkbox[name="Lock all"]' );
+			await page.click( 'role=button[name="Apply"]' );
+
+			expect( await editor.getEditedPostContent() )
+				.toBe( `<!-- wp:paragraph {"lock":{"move":false,"remove":false}} -->
+<p>Some paragraph</p>
+<!-- /wp:paragraph -->` );
+		} );
+	} );
+} );