feat(tests): add btc e2e tests

privacy-snapshot.json

@@ -1,5 +1,6 @@
 [
   "acl.execution.metamask.io",
+  "api.blockchair.com",
   "api.lens.dev",
   "api.segment.io",
   "api.web3modal.com",

test/e2e/accounts/common.ts

@@ -372,3 +372,15 @@ export async function signData(
     });
   }
 }
+
+export async function createBtcAccount(driver: Driver) {
+  await driver.clickElement('[data-testid="account-menu-icon"]');
+  await driver.clickElement(
+    '[data-testid="multichain-account-menu-popover-action-button"]',
+  );
+  await driver.clickElement({
+    text: 'Add a new Bitcoin account',
+    tag: 'button',
+  });
+  await driver.clickElement({ text: 'Create', tag: 'button' });
+}

test/e2e/accounts/create-snap-account.spec.ts

@@ -1,4 +1,5 @@
 import { Suite } from 'mocha';
+
 import FixtureBuilder from '../fixture-builder';
 import {
   WINDOW_TITLES,

test/e2e/fixture-builder.js

@@ -539,6 +539,11 @@ class FixtureBuilder {
     });
   }
 
+  withPreferencesControllerAndFeatureFlag(flags) {
+    merge(this.fixture.data.PreferencesController, flags);
+    return this;
+  }
+
   withAccountsController(data) {
     merge(this.fixture.data.AccountsController, data);
     return this;

test/e2e/flask/btc/btc-account-overview.spec.ts

@@ -0,0 +1,63 @@
+import { strict as assert } from 'assert';
+import { Suite } from 'mocha';
+import {
+  withFixtures,
+  defaultGanacheOptions,
+  unlockWallet,
+} from '../../helpers';
+import { Driver } from '../../webdriver/driver';
+import FixtureBuilder from '../../fixture-builder';
+import { createBtcAccount } from '../../accounts/common';
+
+describe('BTC Account - Overview', function (this: Suite) {
+  it('has buy/sell and portfolio button enabled for BTC accounts', async function () {
+    await withFixtures(
+      {
+        fixtures: new FixtureBuilder()
+          .withPreferencesControllerAndFeatureFlag({
+            bitcoinSupportEnabled: true,
+          })
+          .build(),
+        ganacheOptions: defaultGanacheOptions,
+        title: this.test?.fullTitle(),
+      },
+      async ({ driver }: { driver: Driver }) => {
+        await unlockWallet(driver);
+        await createBtcAccount(driver);
+        await driver.findElement({
+          css: '[data-testid="account-menu-icon"]',
+          text: 'Bitcoin Account',
+        });
+
+        await driver.waitForSelector({
+          text: 'Send',
+          tag: 'button',
+          css: '[disabled]',
+        });
+
+        await driver.waitForSelector({
+          text: 'Swap',
+          tag: 'button',
+          css: '[disabled]',
+        });
+
+        await driver.waitForSelector({
+          text: 'Bridge',
+          tag: 'button',
+          css: '[disabled]',
+        });
+
+        const buySellButton = await driver.waitForSelector(
+          '[data-testid="coin-overview-buy"]',
+        );
+        assert.equal(await buySellButton.isEnabled(), true);
+
+        const portfolioButton = await driver.waitForSelector(
+          '[data-testid="coin-overview-portfolio"]',
+        );
+
+        assert.equal(await portfolioButton.isEnabled(), true);
+      },
+    );
+  });
+});

test/e2e/flask/btc/btc-dapp-connection.spec.ts

@@ -0,0 +1,47 @@
+import { strict as assert } from 'assert';
+import { Suite } from 'mocha';
+import {
+  withFixtures,
+  defaultGanacheOptions,
+  unlockWallet,
+  openDapp,
+  WINDOW_TITLES,
+} from '../../helpers';
+import { Driver } from '../../webdriver/driver';
+import FixtureBuilder from '../../fixture-builder';
+import { createBtcAccount } from '../../accounts/common';
+
+describe('BTC Account - Dapp Connection', function (this: Suite) {
+  it('cannot connect to dapps', async function () {
+    await withFixtures(
+      {
+        dapp: true,
+        fixtures: new FixtureBuilder()
+          .withPreferencesControllerAndFeatureFlag({
+            bitcoinSupportEnabled: true,
+          })
+          .build(),
+        ganacheOptions: defaultGanacheOptions,
+        title: this.test?.fullTitle(),
+      },
+      async ({ driver }: { driver: Driver }) => {
+        await unlockWallet(driver);
+        await createBtcAccount(driver);
+        await openDapp(driver);
+        await driver.clickElement('#connectButton');
+        await driver.waitUntilXWindowHandles(3);
+        await driver.switchToWindowWithTitle(WINDOW_TITLES.Dialog);
+
+        const account2 = await driver.waitForSelector(
+          '[data-testid="choose-account-list-1"]',
+        );
+        assert((await account2.getText()).includes('Bitcoin Ac...'));
+        await account2.click();
+        const nextButton = await driver.waitForSelector(
+          '[data-testid="page-container-footer-next"]',
+        );
+        assert.equal(await nextButton.isEnabled(), false);
+      },
+    );
+  });
+});

test/e2e/flask/btc/btc-experimental-settings.spec.ts

@@ -0,0 +1,47 @@
+import { Suite } from 'mocha';
+
+import FixtureBuilder from '../../fixture-builder';
+import {
+  defaultGanacheOptions,
+  unlockWallet,
+  withFixtures,
+} from '../../helpers';
+import { Driver } from '../../webdriver/driver';
+
+describe('BTC Experimental Settings', function (this: Suite) {
+  it('will show `Add new BTC account` option when setting is enabled', async function () {
+    await withFixtures(
+      {
+        fixtures: new FixtureBuilder().build(),
+        ganacheOptions: defaultGanacheOptions,
+        title: this.test?.fullTitle(),
+      },
+      async ({ driver }: { driver: Driver }) => {
+        await unlockWallet(driver);
+        await driver.clickElement(
+          '[data-testid="account-options-menu-button"]',
+        );
+        await driver.clickElement({ text: 'Settings', tag: 'div' });
+        await driver.clickElement({ text: 'Experimental', tag: 'div' });
+
+        await driver.waitForSelector({
+          text: 'Enable "Add a new Bitcoin account (Beta)"',
+          tag: 'span',
+        });
+
+        await driver.clickElement('[data-testid="bitcoin-support-toggle-div"]');
+
+        await driver.clickElement('button[aria-label="Close"]');
+
+        await driver.clickElement('[data-testid="account-menu-icon"]');
+        await driver.clickElement(
+          '[data-testid="multichain-account-menu-popover-action-button"]',
+        );
+        await driver.waitForSelector({
+          text: 'Add a new Bitcoin account',
+          tag: 'button',
+        });
+      },
+    );
+  });
+});