w3wallets 1.0.0-beta.1 → 1.0.0-beta.3

package/README.md

@@ -15,24 +15,23 @@ npm install -D w3wallets
 
 ## Getting Started
 
-`MetaMask`, `Backpack`, and `Polkadot{.js}` wallets are currently supported.
+`MetaMask` and `Polkadot{.js}` wallets are currently supported.
 
 <p align="center">
   <img src="https://images.ctfassets.net/clixtyxoaeas/1ezuBGezqfIeifWdVtwU4c/d970d4cdf13b163efddddd5709164d2e/MetaMask-icon-Fox.svg" alt="Metamask Logo" width="60"/>
-  <img src="https://raw.githubusercontent.com/coral-xyz/backpack/refs/heads/master/assets/backpack.png" alt="Backpack Logo" width="60"/>
   <img src="https://polkadot.js.org/logo.svg" alt="Polkadot JS Logo" width="60"/>
 </p>
 
 #### 1. Download wallets
 
 ```sh
-npx w3wallets metamask backpack polkadotjs
+npx w3wallets metamask polkadotjs
 ```
 
 Short aliases are also supported:
 
 ```sh
-npx w3wallets mm bp pjs
+npx w3wallets mm pjs
 ```
 
 The unzipped files are stored in the `.w3wallets/<wallet-name>` directory. Add `.w3wallets` to `.gitignore`.
@@ -45,8 +44,8 @@ USAGE:
   npx w3wallets [OPTIONS] <targets...>
 
 TARGETS:
-  Alias name      Known wallet alias (metamask, backpack, polkadotjs)
-  Short alias     Short form (mm, bp, pjs)
+  Alias name      Known wallet alias (metamask, polkadotjs)
+  Short alias     Short form (mm, pjs)
   Extension ID    32-character Chrome extension ID
   URL             Chrome Web Store URL
 
@@ -59,7 +58,7 @@ OPTIONS:
 
 EXAMPLES:
   npx w3wallets metamask                    # Download MetaMask
-  npx w3wallets mm bp pjs                   # Download all wallets (short)
+  npx w3wallets mm pjs                      # Download all wallets (short)
   npx w3wallets --list                      # List available aliases
   npx w3wallets -o ./extensions metamask    # Custom output directory
   npx w3wallets --force mm                  # Force re-download
@@ -73,10 +72,10 @@ Install the required wallets into Chromium using `withWallets`.
 
 ```ts
 // your-fixture.ts
-import { withWallets, metamask, backpack, polkadotJS } from "w3wallets";
+import { withWallets, metamask, polkadotJS } from "w3wallets";
 import { test as base } from "@playwright/test";
 
-export const test = withWallets(base, metamask, backpack, polkadotJS);
+export const test = withWallets(base, metamask, polkadotJS);
 
 export { expect } from "@playwright/test";
 ```
@@ -94,7 +93,7 @@ import { test, expect } from "./your-fixture";
 
 test("Can connect MetaMask to dApp", async ({ page, metamask }) => {
   const mnemonic =
-    "test test test test test test test test test test test junk";
+    "set your seed phrase test test test test test test test junk";
 
   await metamask.onboard(mnemonic);
   await page.goto("https://your-dapp.com");
@@ -105,3 +104,20 @@ test("Can connect MetaMask to dApp", async ({ page, metamask }) => {
   await expect(page.getByText("Connected")).toBeVisible();
 });
 ```
+
+## Configuration
+
+Configure library behavior via environment variables:
+
+| Variable                   | Description                                                               | Default     |
+| -------------------------- | ------------------------------------------------------------------------- | ----------- |
+| `W3WALLETS_ACTION_TIMEOUT` | Timeout (ms) for all wallet actions (click, fill, navigation, assertions) | `undefined` |
+
+Example:
+
+```sh
+# In .env or CI environment
+W3WALLETS_ACTION_TIMEOUT=60000
+```
+
+This only affects w3wallets library code. Your own Playwright configuration remains independent.

package/dist/index.d.mts

@@ -62,11 +62,11 @@ type Network = "Solana" | "Eclipse" | "Ethereum" | "Polygon" | "Base" | "Arbitru
  *
  * @example
  * ```ts
- * import { withWallets, metamask, backpack } from "w3wallets";
+ * import { withWallets, metamask, polkadotJS } from "w3wallets";
  *
- * const test = withWallets(base, metamask, backpack);
+ * const test = withWallets(base, metamask, polkadotJS);
  *
- * test("can connect", async ({ metamask, backpack }) => {
+ * test("can connect", async ({ metamask, polkadotJS }) => {
  *   await metamask.onboard(mnemonic);
  * });
  * ```
@@ -84,27 +84,6 @@ declare abstract class Wallet implements IWallet {
     abstract deny(): Promise<void>;
 }
 
-declare class Backpack extends Wallet {
-    private defaultPassword;
-    private currentAccountId;
-    private maxAccountId;
-    gotoOnboardPage(): Promise<void>;
-    onboard(network: Network, privateKey: string): Promise<void>;
-    addAccount(network: Network, privateKey: string): Promise<void>;
-    /**
-     * Switch account
-     * @param id The first added account has id 1, the second – 2, and so on
-     */
-    switchAccount(id: number): Promise<void>;
-    unlock(): Promise<void>;
-    setRPC(network: Network, rpc: string): Promise<void>;
-    ignoreAndProceed(): Promise<void>;
-    approve(): Promise<void>;
-    deny(): Promise<void>;
-    private _clickOnAccount;
-    private _importAccount;
-}
-
 type NetworkSettings = {
     name: string;
     rpc: string;
@@ -159,10 +138,6 @@ declare class PolkadotJS extends Wallet {
     private _getLabeledInput;
 }
 
-/**
- * Pre-built Backpack wallet configuration.
- */
-declare const backpack: WalletConfig<"backpack", Backpack>;
 /**
  * Pre-built MetaMask wallet configuration.
  */
@@ -172,4 +147,17 @@ declare const metamask: WalletConfig<"metamask", Metamask>;
  */
 declare const polkadotJS: WalletConfig<"polkadotJS", PolkadotJS>;
 
-export { Backpack, type IWallet, Metamask, type Network, type NetworkSettings, PolkadotJS, type WalletConfig, backpack, createWallet, metamask, polkadotJS, withWallets };
+/**
+ * Configuration for w3wallets library.
+ * Values can be overridden via environment variables.
+ */
+declare const config: {
+    /**
+     * Timeout for actions like click, fill, waitFor, goto.
+     * Set via W3WALLETS_ACTION_TIMEOUT env variable.
+     * @default 30000 (30 seconds)
+     */
+    readonly actionTimeout: number | undefined;
+};
+
+export { type IWallet, Metamask, type Network, type NetworkSettings, PolkadotJS, type WalletConfig, config, createWallet, metamask, polkadotJS, withWallets };

package/dist/index.d.ts

@@ -62,11 +62,11 @@ type Network = "Solana" | "Eclipse" | "Ethereum" | "Polygon" | "Base" | "Arbitru
  *
  * @example
  * ```ts
- * import { withWallets, metamask, backpack } from "w3wallets";
+ * import { withWallets, metamask, polkadotJS } from "w3wallets";
  *
- * const test = withWallets(base, metamask, backpack);
+ * const test = withWallets(base, metamask, polkadotJS);
  *
- * test("can connect", async ({ metamask, backpack }) => {
+ * test("can connect", async ({ metamask, polkadotJS }) => {
  *   await metamask.onboard(mnemonic);
  * });
  * ```
@@ -84,27 +84,6 @@ declare abstract class Wallet implements IWallet {
     abstract deny(): Promise<void>;
 }
 
-declare class Backpack extends Wallet {
-    private defaultPassword;
-    private currentAccountId;
-    private maxAccountId;
-    gotoOnboardPage(): Promise<void>;
-    onboard(network: Network, privateKey: string): Promise<void>;
-    addAccount(network: Network, privateKey: string): Promise<void>;
-    /**
-     * Switch account
-     * @param id The first added account has id 1, the second – 2, and so on
-     */
-    switchAccount(id: number): Promise<void>;
-    unlock(): Promise<void>;
-    setRPC(network: Network, rpc: string): Promise<void>;
-    ignoreAndProceed(): Promise<void>;
-    approve(): Promise<void>;
-    deny(): Promise<void>;
-    private _clickOnAccount;
-    private _importAccount;
-}
-
 type NetworkSettings = {
     name: string;
     rpc: string;
@@ -159,10 +138,6 @@ declare class PolkadotJS extends Wallet {
     private _getLabeledInput;
 }
 
-/**
- * Pre-built Backpack wallet configuration.
- */
-declare const backpack: WalletConfig<"backpack", Backpack>;
 /**
  * Pre-built MetaMask wallet configuration.
  */
@@ -172,4 +147,17 @@ declare const metamask: WalletConfig<"metamask", Metamask>;
  */
 declare const polkadotJS: WalletConfig<"polkadotJS", PolkadotJS>;
 
-export { Backpack, type IWallet, Metamask, type Network, type NetworkSettings, PolkadotJS, type WalletConfig, backpack, createWallet, metamask, polkadotJS, withWallets };
+/**
+ * Configuration for w3wallets library.
+ * Values can be overridden via environment variables.
+ */
+declare const config: {
+    /**
+     * Timeout for actions like click, fill, waitFor, goto.
+     * Set via W3WALLETS_ACTION_TIMEOUT env variable.
+     * @default 30000 (30 seconds)
+     */
+    readonly actionTimeout: number | undefined;
+};
+
+export { type IWallet, Metamask, type Network, type NetworkSettings, PolkadotJS, type WalletConfig, config, createWallet, metamask, polkadotJS, withWallets };

package/dist/index.js

@@ -30,10 +30,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Backpack: () => Backpack,
   Metamask: () => Metamask,
   PolkadotJS: () => PolkadotJS,
-  backpack: () => backpack,
+  config: () => config,
   createWallet: () => createWallet,
   metamask: () => metamask,
   polkadotJS: () => polkadotJS,
@@ -78,7 +77,6 @@ function withWallets(test, ...wallets) {
       while (context.serviceWorkers().length < extensionPaths.length) {
         await sleep(1e3);
       }
-      await Promise.all(context.pages().map((page) => page.close()));
       await use(context);
       await context.close();
     }
@@ -142,119 +140,47 @@ async function initializeExtension(context, ExtensionClass, expectedExtensionId,
   }
   const page = await context.newPage();
   const extension = new ExtensionClass(page, expectedExtensionId);
-  await extension.gotoOnboardPage();
   return extension;
 }
 
 // src/core/types.ts
-function createWallet(config) {
-  return config;
+function createWallet(config2) {
+  return config2;
 }
 
-// src/wallets/backpack/backpack.ts
+// src/wallets/metamask/metamask.ts
 var import_test2 = require("@playwright/test");
 
+// src/config.ts
+var config = {
+  /**
+   * Timeout for actions like click, fill, waitFor, goto.
+   * Set via W3WALLETS_ACTION_TIMEOUT env variable.
+   * @default 30000 (30 seconds)
+   */
+  get actionTimeout() {
+    const value = process.env.W3WALLETS_ACTION_TIMEOUT;
+    return value ? parseInt(value, 10) : void 0;
+  }
+};
+
 // src/core/wallet.ts
 var Wallet = class {
   constructor(page, extensionId) {
     this.page = page;
     this.extensionId = extensionId;
-  }
-};
-
-// src/wallets/backpack/backpack.ts
-var Backpack = class extends Wallet {
-  defaultPassword = "11111111";
-  currentAccountId = 0;
-  maxAccountId = 0;
-  async gotoOnboardPage() {
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/onboarding.html`
-    );
-    await (0, import_test2.expect)(this.page.getByText("Welcome to Backpack")).toBeVisible();
-  }
-  async onboard(network, privateKey) {
-    this.currentAccountId++;
-    this.maxAccountId++;
-    return this._importAccount(network, privateKey, true);
-  }
-  async addAccount(network, privateKey) {
-    this.maxAccountId++;
-    this.currentAccountId = this.maxAccountId;
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/onboarding.html?add-user-account=true`
-    );
-    await this._importAccount(network, privateKey, false);
-  }
-  /**
-   * Switch account
-   * @param id The first added account has id 1, the second – 2, and so on
-   */
-  async switchAccount(id) {
-    await this.page.getByRole("button", { name: `A${this.currentAccountId}` }).click();
-    await this.page.getByRole("button", { name: `Account ${id}` }).click();
-    this.currentAccountId = id;
-  }
-  async unlock() {
-    await this.page.getByPlaceholder("Password").fill(this.defaultPassword);
-    await this.page.getByRole("button", { name: "Unlock" }).click();
-  }
-  async setRPC(network, rpc) {
-    await this._clickOnAccount();
-    await this.page.getByRole("button", { name: "Settings" }).click();
-    await this.page.getByRole("button", { name: network }).click();
-    await this.page.getByRole("button", { name: "RPC Connection" }).click();
-    await this.page.getByRole("button", { name: "Custom" }).click();
-    await this.page.getByPlaceholder("RPC URL").fill(rpc);
-    await this.page.keyboard.press("Enter");
-  }
-  async ignoreAndProceed() {
-    const ignoreButton = this.page.getByText("Ignore and proceed anyway.");
-    await ignoreButton.click();
-  }
-  async approve() {
-    await this.page.getByText("Approve", { exact: true }).click();
-  }
-  async deny() {
-    await this.page.getByText("Deny", { exact: true }).click();
-  }
-  async _clickOnAccount() {
-    return this.page.getByRole("button", { name: `A${this.currentAccountId}`, exact: true }).click();
-  }
-  async _importAccount(network, privateKey, isOnboard) {
-    {
-      await this.page.waitForTimeout(2e3);
-      if (await this.page.getByText("You're all good!").isVisible()) {
-        await this.page.getByLabel("Go back").click();
-      }
+    if (config.actionTimeout) {
+      page.setDefaultTimeout(config.actionTimeout);
     }
-    await this.page.getByTestId("terms-of-service-checkbox").click();
-    await this.page.getByText("I already have a wallet").click();
-    await this.page.getByText(network).click();
-    await this.page.getByText("Private key").click();
-    await this.page.getByPlaceholder("Private key").fill(privateKey);
-    await this.page.waitForTimeout(1e3);
-    await this.page.getByText("Import", { exact: true }).click();
-    if (isOnboard) {
-      await this.page.getByRole("textbox").nth(0).fill(this.defaultPassword);
-      await this.page.getByRole("textbox").nth(1).fill(this.defaultPassword);
-      await this.page.getByText("Next", { exact: true }).click();
-      await (0, import_test2.expect)(this.page.getByText("You're all good!")).toBeVisible();
-    }
-    await this.page.goto(`chrome-extension://${this.extensionId}/popup.html`);
-    await this.page.getByTestId("__CAROUSEL_ITEM_0__").waitFor({ state: "visible" });
   }
 };
 
 // src/wallets/metamask/metamask.ts
-var import_test3 = require("@playwright/test");
 var Metamask = class extends Wallet {
   defaultPassword = "TestPassword123!";
   async gotoOnboardPage() {
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/home.html#onboarding/welcome`
-    );
-    await (0, import_test3.expect)(
+    await this.page.goto(`chrome-extension://${this.extensionId}/home.html`);
+    await (0, import_test2.expect)(
       this.page.getByRole("button", { name: "I have an existing wallet" })
     ).toBeVisible();
   }
@@ -265,11 +191,16 @@ var Metamask = class extends Wallet {
    */
   async onboard(mnemonic, password) {
     const pwd = password ?? this.defaultPassword;
+    await this.gotoOnboardPage();
     await this.page.getByRole("button", { name: "I have an existing wallet" }).click();
     await this.page.getByRole("button", { name: "Import using Secret Recovery Phrase" }).click();
     const textbox = this.page.getByRole("textbox");
     await textbox.click();
-    await this.page.keyboard.type(mnemonic, { delay: 5 });
+    for (const word of mnemonic.split(" ")) {
+      await this.page.keyboard.type(word);
+      await this.page.keyboard.type(" ");
+      await this.page.waitForTimeout(30);
+    }
     const continueBtn = this.page.getByTestId("import-srp-confirm");
     await continueBtn.click();
     const passwordInputs = this.page.locator('input[type="password"]');
@@ -278,21 +209,17 @@ var Metamask = class extends Wallet {
     await this.page.getByRole("checkbox").click();
     await this.page.getByRole("button", { name: "Create password" }).click();
     const metametricsBtn = this.page.getByTestId("metametrics-i-agree");
-    await metametricsBtn.waitFor({ state: "visible", timeout: 3e4 });
     await metametricsBtn.click();
     const openWalletBtn = this.page.getByRole("button", {
       name: /open wallet/i
     });
-    await openWalletBtn.waitFor({ state: "visible", timeout: 3e4 });
     await openWalletBtn.click();
     await this.page.goto(
       `chrome-extension://${this.extensionId}/sidepanel.html`
     );
-    await this.page.getByTestId("account-options-menu-button").waitFor({ state: "visible", timeout: 3e4 });
   }
   async approve() {
     await this.page.getByTestId("confirm-btn").or(this.page.getByTestId("confirm-footer-button")).or(this.page.getByTestId("page-container-footer-next")).or(this.page.getByRole("button", { name: /confirm/i })).click();
-    await this.page.getByTestId("account-options-menu-button").waitFor({ state: "visible", timeout: 3e4 });
   }
   async deny() {
     const cancelBtn = this.page.getByTestId("cancel-btn").or(this.page.getByTestId("confirm-footer-cancel-button")).or(this.page.getByTestId("page-container-footer-cancel")).or(this.page.getByRole("button", { name: /cancel|reject/i }));
@@ -324,7 +251,7 @@ var Metamask = class extends Wallet {
       await this.page.getByRole("tab", { name: "Custom" }).click();
     }
     await this.page.getByText(networkName).click();
-    await (0, import_test3.expect)(this.page.getByTestId("sort-by-networks")).toHaveText(
+    await (0, import_test2.expect)(this.page.getByTestId("sort-by-networks")).toHaveText(
       networkName
     );
   }
@@ -373,23 +300,24 @@ var Metamask = class extends Wallet {
     await this.page.getByRole("button", { name: "Back" }).click();
   }
   async accountNameIs(accountName) {
-    await (0, import_test3.expect)(this.page.getByTestId("account-menu-icon")).toContainText(
+    await (0, import_test2.expect)(this.page.getByTestId("account-menu-icon")).toContainText(
       accountName
     );
   }
 };
 
 // src/wallets/polkadot-js/polkadot-js.ts
-var import_test4 = require("@playwright/test");
+var import_test3 = require("@playwright/test");
 var PolkadotJS = class extends Wallet {
   defaultPassword = "11111111";
   async gotoOnboardPage() {
     await this.page.goto(`chrome-extension://${this.extensionId}/index.html`);
-    await (0, import_test4.expect)(
+    await (0, import_test3.expect)(
       this.page.getByText("Before we start, just a couple of notes")
     ).toBeVisible();
   }
   async onboard(seed, password, name) {
+    await this.gotoOnboardPage();
     await this.page.getByRole("button", { name: "Understood, let me continue" }).click();
     await this.page.getByRole("button", { name: "I Understand" }).click();
     await this.page.locator(".popupToggle").first().click();
@@ -411,7 +339,8 @@ var PolkadotJS = class extends Wallet {
     await this.page.getByText("Select all").click();
   }
   async selectAccount(accountId) {
-    await this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span").check();
+    const cb = this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span");
+    await cb.check().catch(() => cb.check());
   }
   async enterPassword(password) {
     await this._getLabeledInput("Password for this account").fill(
@@ -438,11 +367,6 @@ var PolkadotJS = class extends Wallet {
 };
 
 // src/wallets/index.ts
-var backpack = createWallet({
-  name: "backpack",
-  extensionDir: "backpack",
-  WalletClass: Backpack
-});
 var metamask = createWallet({
   name: "metamask",
   extensionDir: "metamask",
@@ -455,10 +379,9 @@ var polkadotJS = createWallet({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Backpack,
   Metamask,
   PolkadotJS,
-  backpack,
+  config,
   createWallet,
   metamask,
   polkadotJS,

package/dist/index.mjs

@@ -37,7 +37,6 @@ function withWallets(test, ...wallets) {
       while (context.serviceWorkers().length < extensionPaths.length) {
         await sleep(1e3);
       }
-      await Promise.all(context.pages().map((page) => page.close()));
       await use(context);
       await context.close();
     }
@@ -101,119 +100,47 @@ async function initializeExtension(context, ExtensionClass, expectedExtensionId,
   }
   const page = await context.newPage();
   const extension = new ExtensionClass(page, expectedExtensionId);
-  await extension.gotoOnboardPage();
   return extension;
 }
 
 // src/core/types.ts
-function createWallet(config) {
-  return config;
+function createWallet(config2) {
+  return config2;
 }
 
-// src/wallets/backpack/backpack.ts
+// src/wallets/metamask/metamask.ts
 import { expect } from "@playwright/test";
 
+// src/config.ts
+var config = {
+  /**
+   * Timeout for actions like click, fill, waitFor, goto.
+   * Set via W3WALLETS_ACTION_TIMEOUT env variable.
+   * @default 30000 (30 seconds)
+   */
+  get actionTimeout() {
+    const value = process.env.W3WALLETS_ACTION_TIMEOUT;
+    return value ? parseInt(value, 10) : void 0;
+  }
+};
+
 // src/core/wallet.ts
 var Wallet = class {
   constructor(page, extensionId) {
     this.page = page;
     this.extensionId = extensionId;
-  }
-};
-
-// src/wallets/backpack/backpack.ts
-var Backpack = class extends Wallet {
-  defaultPassword = "11111111";
-  currentAccountId = 0;
-  maxAccountId = 0;
-  async gotoOnboardPage() {
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/onboarding.html`
-    );
-    await expect(this.page.getByText("Welcome to Backpack")).toBeVisible();
-  }
-  async onboard(network, privateKey) {
-    this.currentAccountId++;
-    this.maxAccountId++;
-    return this._importAccount(network, privateKey, true);
-  }
-  async addAccount(network, privateKey) {
-    this.maxAccountId++;
-    this.currentAccountId = this.maxAccountId;
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/onboarding.html?add-user-account=true`
-    );
-    await this._importAccount(network, privateKey, false);
-  }
-  /**
-   * Switch account
-   * @param id The first added account has id 1, the second – 2, and so on
-   */
-  async switchAccount(id) {
-    await this.page.getByRole("button", { name: `A${this.currentAccountId}` }).click();
-    await this.page.getByRole("button", { name: `Account ${id}` }).click();
-    this.currentAccountId = id;
-  }
-  async unlock() {
-    await this.page.getByPlaceholder("Password").fill(this.defaultPassword);
-    await this.page.getByRole("button", { name: "Unlock" }).click();
-  }
-  async setRPC(network, rpc) {
-    await this._clickOnAccount();
-    await this.page.getByRole("button", { name: "Settings" }).click();
-    await this.page.getByRole("button", { name: network }).click();
-    await this.page.getByRole("button", { name: "RPC Connection" }).click();
-    await this.page.getByRole("button", { name: "Custom" }).click();
-    await this.page.getByPlaceholder("RPC URL").fill(rpc);
-    await this.page.keyboard.press("Enter");
-  }
-  async ignoreAndProceed() {
-    const ignoreButton = this.page.getByText("Ignore and proceed anyway.");
-    await ignoreButton.click();
-  }
-  async approve() {
-    await this.page.getByText("Approve", { exact: true }).click();
-  }
-  async deny() {
-    await this.page.getByText("Deny", { exact: true }).click();
-  }
-  async _clickOnAccount() {
-    return this.page.getByRole("button", { name: `A${this.currentAccountId}`, exact: true }).click();
-  }
-  async _importAccount(network, privateKey, isOnboard) {
-    {
-      await this.page.waitForTimeout(2e3);
-      if (await this.page.getByText("You're all good!").isVisible()) {
-        await this.page.getByLabel("Go back").click();
-      }
+    if (config.actionTimeout) {
+      page.setDefaultTimeout(config.actionTimeout);
     }
-    await this.page.getByTestId("terms-of-service-checkbox").click();
-    await this.page.getByText("I already have a wallet").click();
-    await this.page.getByText(network).click();
-    await this.page.getByText("Private key").click();
-    await this.page.getByPlaceholder("Private key").fill(privateKey);
-    await this.page.waitForTimeout(1e3);
-    await this.page.getByText("Import", { exact: true }).click();
-    if (isOnboard) {
-      await this.page.getByRole("textbox").nth(0).fill(this.defaultPassword);
-      await this.page.getByRole("textbox").nth(1).fill(this.defaultPassword);
-      await this.page.getByText("Next", { exact: true }).click();
-      await expect(this.page.getByText("You're all good!")).toBeVisible();
-    }
-    await this.page.goto(`chrome-extension://${this.extensionId}/popup.html`);
-    await this.page.getByTestId("__CAROUSEL_ITEM_0__").waitFor({ state: "visible" });
   }
 };
 
 // src/wallets/metamask/metamask.ts
-import { expect as expect2 } from "@playwright/test";
 var Metamask = class extends Wallet {
   defaultPassword = "TestPassword123!";
   async gotoOnboardPage() {
-    await this.page.goto(
-      `chrome-extension://${this.extensionId}/home.html#onboarding/welcome`
-    );
-    await expect2(
+    await this.page.goto(`chrome-extension://${this.extensionId}/home.html`);
+    await expect(
       this.page.getByRole("button", { name: "I have an existing wallet" })
     ).toBeVisible();
   }
@@ -224,11 +151,16 @@ var Metamask = class extends Wallet {
    */
   async onboard(mnemonic, password) {
     const pwd = password ?? this.defaultPassword;
+    await this.gotoOnboardPage();
     await this.page.getByRole("button", { name: "I have an existing wallet" }).click();
     await this.page.getByRole("button", { name: "Import using Secret Recovery Phrase" }).click();
     const textbox = this.page.getByRole("textbox");
     await textbox.click();
-    await this.page.keyboard.type(mnemonic, { delay: 5 });
+    for (const word of mnemonic.split(" ")) {
+      await this.page.keyboard.type(word);
+      await this.page.keyboard.type(" ");
+      await this.page.waitForTimeout(30);
+    }
     const continueBtn = this.page.getByTestId("import-srp-confirm");
     await continueBtn.click();
     const passwordInputs = this.page.locator('input[type="password"]');
@@ -237,21 +169,17 @@ var Metamask = class extends Wallet {
     await this.page.getByRole("checkbox").click();
     await this.page.getByRole("button", { name: "Create password" }).click();
     const metametricsBtn = this.page.getByTestId("metametrics-i-agree");
-    await metametricsBtn.waitFor({ state: "visible", timeout: 3e4 });
     await metametricsBtn.click();
     const openWalletBtn = this.page.getByRole("button", {
       name: /open wallet/i
     });
-    await openWalletBtn.waitFor({ state: "visible", timeout: 3e4 });
     await openWalletBtn.click();
     await this.page.goto(
       `chrome-extension://${this.extensionId}/sidepanel.html`
     );
-    await this.page.getByTestId("account-options-menu-button").waitFor({ state: "visible", timeout: 3e4 });
   }
   async approve() {
     await this.page.getByTestId("confirm-btn").or(this.page.getByTestId("confirm-footer-button")).or(this.page.getByTestId("page-container-footer-next")).or(this.page.getByRole("button", { name: /confirm/i })).click();
-    await this.page.getByTestId("account-options-menu-button").waitFor({ state: "visible", timeout: 3e4 });
   }
   async deny() {
     const cancelBtn = this.page.getByTestId("cancel-btn").or(this.page.getByTestId("confirm-footer-cancel-button")).or(this.page.getByTestId("page-container-footer-cancel")).or(this.page.getByRole("button", { name: /cancel|reject/i }));
@@ -283,7 +211,7 @@ var Metamask = class extends Wallet {
       await this.page.getByRole("tab", { name: "Custom" }).click();
     }
     await this.page.getByText(networkName).click();
-    await expect2(this.page.getByTestId("sort-by-networks")).toHaveText(
+    await expect(this.page.getByTestId("sort-by-networks")).toHaveText(
       networkName
     );
   }
@@ -332,23 +260,24 @@ var Metamask = class extends Wallet {
     await this.page.getByRole("button", { name: "Back" }).click();
   }
   async accountNameIs(accountName) {
-    await expect2(this.page.getByTestId("account-menu-icon")).toContainText(
+    await expect(this.page.getByTestId("account-menu-icon")).toContainText(
       accountName
     );
   }
 };
 
 // src/wallets/polkadot-js/polkadot-js.ts
-import { expect as expect3 } from "@playwright/test";
+import { expect as expect2 } from "@playwright/test";
 var PolkadotJS = class extends Wallet {
   defaultPassword = "11111111";
   async gotoOnboardPage() {
     await this.page.goto(`chrome-extension://${this.extensionId}/index.html`);
-    await expect3(
+    await expect2(
       this.page.getByText("Before we start, just a couple of notes")
     ).toBeVisible();
   }
   async onboard(seed, password, name) {
+    await this.gotoOnboardPage();
     await this.page.getByRole("button", { name: "Understood, let me continue" }).click();
     await this.page.getByRole("button", { name: "I Understand" }).click();
     await this.page.locator(".popupToggle").first().click();
@@ -370,7 +299,8 @@ var PolkadotJS = class extends Wallet {
     await this.page.getByText("Select all").click();
   }
   async selectAccount(accountId) {
-    await this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span").check();
+    const cb = this.page.locator(".accountWichCheckbox").filter({ hasText: accountId }).locator(".accountTree-checkbox").locator("span");
+    await cb.check().catch(() => cb.check());
   }
   async enterPassword(password) {
     await this._getLabeledInput("Password for this account").fill(
@@ -397,11 +327,6 @@ var PolkadotJS = class extends Wallet {
 };
 
 // src/wallets/index.ts
-var backpack = createWallet({
-  name: "backpack",
-  extensionDir: "backpack",
-  WalletClass: Backpack
-});
 var metamask = createWallet({
   name: "metamask",
   extensionDir: "metamask",
@@ -413,10 +338,9 @@ var polkadotJS = createWallet({
   WalletClass: PolkadotJS
 });
 export {
-  Backpack,
   Metamask,
   PolkadotJS,
-  backpack,
+  config,
   createWallet,
   metamask,
   polkadotJS,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "w3wallets",
   "description": "browser wallets for playwright",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "homepage": "https://github.com/Maksandre/w3wallets",
@@ -16,12 +16,10 @@
   "keywords": [
     "e2e",
     "playwright",
-    "backpack",
     "metamask",
     "testing",
     "ethereum",
-    "polkadot",
-    "eclipse"
+    "polkadot"
   ],
   "license": "MIT",
   "publishConfig": {
@@ -32,8 +30,7 @@
   ],
   "bin": "./src/scripts/download.js",
   "scripts": {
-    "start:dapp": "yarn workspace @w3wallets/test-app start:all",
-    "download-wallets": "npx w3wallets backpack polkadotJS metamask",
+    "download-wallets": "npx w3wallets pjs mm",
     "test": "npx playwright test --project=local --workers=2",
     "test:ci": "npx playwright test --project=ci",
     "build": "tsup",
@@ -49,7 +46,7 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.17.2",
     "@changesets/cli": "^2.27.11",
-    "@playwright/test": "^1.50.1",
+    "@playwright/test": "1.57.0",
     "@types/node": "^22.10.5",
     "dotenv": "^16.4.7",
     "prettier": "^3.4.2",
@@ -58,6 +55,6 @@
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "@playwright/test": "^1.50.1"
+    "@playwright/test": "^1.57.0"
   }
 }

package/src/scripts/download.js

@@ -4,8 +4,8 @@
  * Downloads and extracts Chrome extensions from the Chrome Web Store.
  *
  * Usage:
- *    npx w3wallets metamask backpack      # Download by alias
- *    npx w3wallets mm bp pjs              # Short aliases
+ *    npx w3wallets metamask polkadotjs    # Download by alias
+ *    npx w3wallets mm pjs                 # Short aliases
  *    npx w3wallets <extension-id>         # Download by extension ID
  *    npx w3wallets --help                 # Show help
  */
@@ -19,10 +19,6 @@ const zlib = require("zlib");
 // 1. Known aliases -> extension IDs (case-insensitive lookup)
 // ---------------------------------------------------------------------
 const EXTENSION_REGISTRY = {
-  // Backpack wallet
-  backpack: "aflkmfhebedbjioipglgcbcmnbpgliof",
-  bp: "aflkmfhebedbjioipglgcbcmnbpgliof",
-
   // MetaMask wallet
   metamask: "nkbihfbeogaeaoehlefnkodbefgpgknn",
   mm: "nkbihfbeogaeaoehlefnkodbefgpgknn",
@@ -34,14 +30,12 @@ const EXTENSION_REGISTRY = {
 
 // Human-readable names for display
 const EXTENSION_NAMES = {
-  aflkmfhebedbjioipglgcbcmnbpgliof: "Backpack",
   nkbihfbeogaeaoehlefnkodbefgpgknn: "MetaMask",
   mopnmbcafieddcagagdcbnhejhlodfdd: "Polkadot.js",
 };
 
 // Canonical aliases for listing
 const CANONICAL_ALIASES = [
-  { name: "backpack", short: "bp", id: "aflkmfhebedbjioipglgcbcmnbpgliof" },
   { name: "metamask", short: "mm", id: "nkbihfbeogaeaoehlefnkodbefgpgknn" },
   { name: "polkadotjs", short: "pjs", id: "mopnmbcafieddcagagdcbnhejhlodfdd" },
 ];
@@ -95,8 +89,8 @@ USAGE:
   npx w3wallets [OPTIONS] <targets...>
 
 TARGETS:
-  Alias name      Known wallet alias (e.g., metamask, backpack)
-  Short alias     Short form (e.g., mm, bp, pjs)
+  Alias name      Known wallet alias (e.g., metamask, polkadotjs)
+  Short alias     Short form (e.g., mm, pjs)
   Extension ID    32-character Chrome extension ID
   URL             Chrome Web Store URL
 
@@ -109,7 +103,7 @@ OPTIONS:
 
 EXAMPLES:
   npx w3wallets metamask                    # Download MetaMask
-  npx w3wallets mm bp                       # Download using short aliases
+  npx w3wallets mm pjs                      # Download using short aliases
   npx w3wallets --list                      # List available aliases
   npx w3wallets -o ./extensions metamask    # Custom output directory
   npx w3wallets --force mm                  # Force re-download