Migrate 'preferences' e2e tests to Playwright (#57446)

* Migrate 'preferences' e2e tests to Playwright

* Remove old test file

Co-authored-by: Pooja Killekar <41000648+pooja-muchandikar@users.noreply.github.com>

---------

Co-authored-by: Pooja Killekar <41000648+pooja-muchandikar@users.noreply.github.com>

test/e2e/specs/editor/various/preferences.spec.js

@@ -0,0 +1,50 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Preferences', () => {
+	test.beforeEach( async ( { admin } ) => {
+		await admin.createNewPost();
+	} );
+
+	test( 'remembers sidebar dismissal between sessions', async ( {
+		editor,
+		page,
+	} ) => {
+		await editor.openDocumentSettingsSidebar();
+
+		const editorSettings = page.getByRole( 'region', {
+			name: 'Editor settings',
+		} );
+		const activeTab = editorSettings.getByRole( 'tab', { selected: true } );
+
+		// Open by default.
+		await expect( activeTab ).toHaveText( 'Post' );
+
+		// Change to "Block" tab.
+		await editorSettings.getByRole( 'tab', { name: 'Block' } ).click();
+		await expect( activeTab ).toHaveText( 'Block' );
+
+		/**
+		 * Regression test: Reload resets to document tab.
+		 *
+		 * See: https://github.com/WordPress/gutenberg/issues/6377
+		 * See: https://github.com/WordPress/gutenberg/pull/8995
+		 */
+		await page.reload();
+		await expect( activeTab ).toHaveText( 'Post' );
+
+		// Dismiss.
+		await editorSettings
+			.getByRole( 'button', {
+				name: 'Close Settings',
+			} )
+			.click();
+		await expect( activeTab ).toBeHidden();
+
+		// Remember after reload.
+		await page.reload();
+		await expect( activeTab ).toBeHidden();
+	} );
+} );