Lodash: Remove completely from e2e-test-utils package

packages/e2e-test-utils/package.json

@@ -35,7 +35,6 @@
 		"@wordpress/url": "file:../url",
 		"change-case": "^4.1.2",
 		"form-data": "^4.0.0",
-		"lodash": "^4.17.21",
 		"node-fetch": "^2.6.0"
 	},
 	"peerDependencies": {

packages/e2e-test-utils/src/click-menu-item.js

@@ -1,16 +1,11 @@
-/**
- * External dependencies
- */
-import { first } from 'lodash';
-
 /**
  * Searches for an item in the menu with the text provided and clicks it.
  *
  * @param {string} label The label to search the menu item for.
  */
 export async function clickMenuItem( label ) {
-	const elementToClick = first(
-		await page.$x( `//*[@role="menu"]//*[text()="${ label }"]` )
+	const menuItems = await page.$x(
+		`//*[@role="menu"]//*[text()="${ label }"]`
 	);
-	await elementToClick.click();
+	await menuItems[ 0 ].click();
 }

packages/e2e-test-utils/src/click-on-more-menu-item.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { first } from 'lodash';
-
 /**
  * Internal dependencies
  */
@@ -18,10 +13,8 @@ export async function clickOnMoreMenuItem( buttonLabel ) {
 	const moreMenuContainerSelector =
 		'//*[contains(concat(" ", @class, " "), " interface-more-menu-dropdown__content ")]';
 
-	const elementToClick = first(
-		await page.$x(
-			`${ moreMenuContainerSelector }//span[contains(concat(" ", @class, " "), " components-menu-item__item ")][contains(text(), "${ buttonLabel }")]`
-		)
+	const menuItems = await page.$x(
+		`${ moreMenuContainerSelector }//span[contains(concat(" ", @class, " "), " components-menu-item__item ")][contains(text(), "${ buttonLabel }")]`
 	);
-	await elementToClick.click();
+	await menuItems[ 0 ].click();
 }

packages/e2e-test-utils/src/find-sidebar-panel-toggle-button-with-title.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { first } from 'lodash';
-
 /** @typedef {import('puppeteer-core').ElementHandle} ElementHandle */
 
 /**
@@ -13,9 +8,8 @@ import { first } from 'lodash';
  * @return {?ElementHandle} Object that represents an in-page DOM element.
  */
 export async function findSidebarPanelToggleButtonWithTitle( panelTitle ) {
-	return first(
-		await page.$x(
-			`//div[contains(@class,"edit-post-sidebar")]//button[@class="components-button components-panel__body-toggle"][contains(text(),"${ panelTitle }")]`
-		)
+	const buttons = await page.$x(
+		`//div[contains(@class,"edit-post-sidebar")]//button[@class="components-button components-panel__body-toggle"][contains(text(),"${ panelTitle }")]`
 	);
+	return buttons[ 0 ];
 }

packages/e2e-test-utils/src/get-all-block-inserter-item-titles.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { sortBy, uniq } from 'lodash';
-
 /**
  * Returns an array of strings with all inserter item titles.
  *
@@ -25,5 +20,5 @@ export async function getAllBlockInserterItemTitles() {
 			return inserterItem.innerText;
 		} );
 	} );
-	return sortBy( uniq( inserterItemTitles ) );
+	return [ ...new Set( inserterItemTitles ) ].sort();
 }

packages/e2e-test-utils/src/plugins.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { kebabCase } from 'lodash';
+import { paramCase as kebabCase } from 'change-case';
 
 /**
  * Internal dependencies

packages/e2e-test-utils/src/preview.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { last } from 'lodash';
-
 /** @typedef {import('puppeteer-core').Page} Page */
 
 /**
@@ -29,6 +24,6 @@ export async function openPreviewPage( editorPage = page ) {
 		openTabs = await browser.pages();
 	}
 
-	const previewPage = last( openTabs );
+	const previewPage = openTabs[ openTabs.length - 1 ];
 	return previewPage;
 }