Add a list view typing test to catch perfromance regressions

Author: jeryj

test/performance/config/performance-reporter.ts

@@ -29,6 +29,7 @@ export interface WPRawPerformanceResults {
 	typeWithoutInspector: number[];
 	typeWithTopToolbar: number[];
 	typeContainer: number[];
+	typeWithListViewOpen: number[];
 	focus: number[];
 	inserterOpen: number[];
 	inserterSearch: number[];
@@ -65,6 +66,7 @@ export interface WPPerformanceResults {
 	typeWithoutInspector?: PerformanceStats;
 	typeWithTopToolbar?: PerformanceStats;
 	typeContainer?: PerformanceStats;
+	typeWithListViewOpen?: PerformanceStats;
 	focus?: PerformanceStats;
 	inserterOpen?: PerformanceStats;
 	inserterSearch?: PerformanceStats;
@@ -103,6 +105,7 @@ export function curateResults(
 		typeWithoutInspector: stats( results.typeWithoutInspector ),
 		typeWithTopToolbar: stats( results.typeWithTopToolbar ),
 		typeContainer: stats( results.typeContainer ),
+		typeWithListViewOpen: stats( results.typeWithListViewOpen ),
 		focus: stats( results.focus ),
 		inserterOpen: stats( results.inserterOpen ),
 		inserterSearch: stats( results.inserterSearch ),

test/performance/specs/post-editor.spec.js

@@ -27,6 +27,7 @@ const results = {
 	typeContainer: [],
 	focus: [],
 	listViewOpen: [],
+	typeWithListViewOpen: [],
 	inserterOpen: [],
 	inserterHover: [],
 	inserterSearch: [],
@@ -355,6 +356,41 @@ test.describe( 'Post Editor Performance', () => {
 		} );
 	} );
 
+	test.describe( 'Typing (with List View open)', () => {
+		let draftId = null;
+
+		test( 'Setup the test post', async ( { admin, perfUtils, editor } ) => {
+			await admin.createNewPost();
+			await perfUtils.loadBlocksForLargePost();
+			await editor.insertBlock( { name: 'core/paragraph' } );
+			draftId = await perfUtils.saveDraft();
+		} );
+
+		test( 'Run the test', async ( { admin, perfUtils, metrics, page } ) => {
+			await admin.editPost( draftId );
+			await perfUtils.disableAutosave();
+
+			// Open List View
+			const listViewToggle = page.getByRole( 'button', {
+				name: 'Document Overview',
+			} );
+			await listViewToggle.click();
+			await perfUtils.expectExpandedState( listViewToggle, 'true' );
+
+			const canvas = await perfUtils.getCanvas();
+
+			const paragraph = canvas.getByRole( 'document', {
+				name: /Empty block/i,
+			} );
+
+			await type( paragraph, metrics, 'typeWithListViewOpen' );
+
+			// Close List View
+			await listViewToggle.click();
+			await perfUtils.expectExpandedState( listViewToggle, 'false' );
+		} );
+	} );
+
 	test.describe( 'Opening Inserter', () => {
 		let draftId = null;