feat: Ledger forget device e2e tests (#35463)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**
This PR implemented a e2e tests for Ledger `forget device` features.
 
<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/35463?quickstart=1)

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry:

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [x] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [x] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [x] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: dawnseeker8

test/e2e/page-objects/pages/hardware-wallet/connect-hardware-wallet-page.ts

@@ -57,7 +57,8 @@ class ConnectHardwareWalletPage {
 
   async clickContinueButton(): Promise<void> {
     console.log(`Click continue button`);
-    await this.driver.clickElement(this.continueButton);
+    await this.driver.waitForSelector(this.continueButton);
+    await this.driver.clickElementAndWaitToDisappear(this.continueButton);
   }
 
   async clickCloseButton(): Promise<void> {

test/e2e/tests/hardware-wallets/ledger/ledger-forget-device.spec.ts

@@ -0,0 +1,65 @@
+import { Suite } from 'mocha';
+import { Browser } from 'selenium-webdriver';
+import FixtureBuilder from '../../../fixture-builder';
+import { withFixtures } from '../../../helpers';
+import HomePage from '../../../page-objects/pages/home/homepage';
+import { Driver } from '../../../webdriver/driver';
+
+import { loginWithoutBalanceValidation } from '../../../page-objects/flows/login.flow';
+import AccountListPage from '../../../page-objects/pages/account-list-page';
+import ConnectHardwareWalletPage from '../../../page-objects/pages/hardware-wallet/connect-hardware-wallet-page';
+import SelectHardwareWalletAccountPage from '../../../page-objects/pages/hardware-wallet/select-hardware-wallet-account-page';
+import HeaderNavbar from '../../../page-objects/pages/header-navbar';
+
+const isFirefox = process.env.SELENIUM_BROWSER === Browser.FIREFOX;
+
+describe('Ledger Hardware', function (this: Suite) {
+  it('forgets device and checks if it is removed from the list', async function () {
+    await withFixtures(
+      {
+        fixtures: new FixtureBuilder().withLedgerAccount().build(),
+        title: this.test?.fullTitle(),
+      },
+      async ({ driver }: { driver: Driver }) => {
+        await loginWithoutBalanceValidation(driver);
+        const homePage = new HomePage(driver);
+        await homePage.checkPageIsLoaded();
+        const headerNavbar = new HeaderNavbar(driver);
+        await headerNavbar.openAccountMenu();
+        const accountListPage = new AccountListPage(driver);
+        await accountListPage.checkPageIsLoaded();
+        await accountListPage.openConnectHardwareWalletModal();
+
+        const connectHardwareWalletPage = new ConnectHardwareWalletPage(driver);
+        await connectHardwareWalletPage.checkPageIsLoaded();
+        await connectHardwareWalletPage.clickConnectLedgerButton();
+
+        // if browser is firefox
+        if (isFirefox) {
+          await connectHardwareWalletPage.checkFirefoxNotSupportedIsDisplayed();
+          return;
+        }
+
+        await connectHardwareWalletPage.checkPageIsLoaded();
+        await connectHardwareWalletPage.clickContinueButton();
+
+        const selectLedgerAccountPage = new SelectHardwareWalletAccountPage(
+          driver,
+        );
+        await selectLedgerAccountPage.checkPageIsLoaded();
+
+        await selectLedgerAccountPage.clickForgetDeviceButton();
+
+        await connectHardwareWalletPage.checkPageIsLoaded();
+        await connectHardwareWalletPage.clickCloseButton();
+
+        await homePage.checkPageIsLoaded();
+        await headerNavbar.openAccountMenu();
+        await accountListPage.checkPageIsLoaded();
+        await accountListPage.checkAccountIsNotDisplayedInAccountList(
+          'Ledger 1',
+        );
+      },
+    );
+  });
+});