w3wallets 0.8.2 → 0.8.4

package/README.md

@@ -15,7 +15,7 @@ npm install -D w3wallets
 
 ## Getting Started
 
-The `Backpack` and the `Polkadot{.js}` wallets are currently supported.
+`MetaMask`, `Backpack`, 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"/>
@@ -31,9 +31,9 @@ npx w3wallets backpack polkadotJS
 
 The unzipped files should be stored in the `.w3wallets/<wallet-name>` directory. Add them to `.gitignore`.
 
-#### 2. Wrap your fixture `withWallets`
+#### 2. Wrap your fixture with `withWallets`
 
-Install needed wallets into the chromium using `withWallets`.
+Install the required wallets into Chromium using `withWallets`.
 
 ```ts
 // your-fixture.ts
@@ -57,7 +57,7 @@ export { expect } from "@playwright/test";
 
 #### 3. Use the installed wallets in tests
 
-Most often, you will use the following methods:
+Most commonly, you will use the following methods:
 
 1. `onboard`: to set up your wallet
 2. `approve`: for operations that confirm actions

package/dist/index.js

@@ -221,6 +221,7 @@ var Metamask = class extends Wallet {
     await this.page.getByTestId("terms-of-use-checkbox").click();
     await this.page.getByTestId("terms-of-use-agree-button").click();
     await this.page.getByTestId("onboarding-import-wallet").click();
+    await this.page.getByTestId("onboarding-import-with-srp-button").click();
     await this.page.getByTestId("srp-input-import__srp-note").pressSequentially(mnemonic);
     await this.page.getByTestId("import-srp-confirm").click();
     await this.page.getByTestId("create-password-new-input").fill(password);
@@ -230,10 +231,7 @@ var Metamask = class extends Wallet {
     await this.page.getByTestId("metametrics-no-thanks").click();
     await this.page.getByTestId("onboarding-complete-done").click();
     await this.page.getByTestId("pin-extension-done").click();
-    await this.page.getByTestId("unlock-password").fill(password);
-    await this.page.getByTestId("unlock-submit").click();
-    await this.page.waitForTimeout(1e3);
-    await this.clickTopRightCornerToCloseAllTheMarketingBullshit();
+    await this.page.getByTestId("not-now-button").click();
   }
   async switchAccount(accountNameOrAddress) {
     await this.page.getByTestId("account-menu-icon").click();
@@ -268,7 +266,8 @@ var Metamask = class extends Wallet {
   }
   async connectToNetwork(settingsOrName) {
     if (typeof settingsOrName !== "string") {
-      await this.page.locator(".mm-picker-network").click();
+      await this.page.getByTestId("account-options-menu-button").click();
+      await this.page.getByTestId("global-menu-networks").click();
       await this.page.getByRole("button", { name: "Add a custom network" }).click();
       await this.page.getByTestId("network-form-network-name").fill(settingsOrName.name);
       await this.page.getByTestId("network-form-chain-id").fill(settingsOrName.chainId.toString());
@@ -278,12 +277,19 @@ var Metamask = class extends Wallet {
       await this.page.getByTestId("rpc-url-input-test").fill(settingsOrName.rpc);
       await this.page.getByRole("button", { name: "Add URL" }).click();
       await this.page.getByRole("button", { name: "Save" }).click();
+    } else {
+      await this.page.getByTestId("sort-by-networks").click();
+      await this.page.getByRole("button", { name: "Default" }).click();
+      const additionalNetwork = this.page.getByTestId("additional-network-item").getByText(settingsOrName);
+      try {
+        await additionalNetwork.isEnabled({ timeout: 1e3 });
+        await additionalNetwork.click();
+        await this.page.getByTestId("confirmation-submit-button").click();
+      } catch (error) {
+        await this.page.getByText(settingsOrName).click();
+        await this.page.getByTestId("modal-header-close-button").click();
+      }
     }
-    await this.page.locator(".mm-picker-network").click();
-    await this.page.locator("text=Show test networks >> xpath=following-sibling::label").click();
-    await this.page.getByTestId(
-      typeof settingsOrName === "string" ? settingsOrName : settingsOrName.name
-    ).click();
   }
   async approve() {
     const p = await this.page.context().newPage();

package/dist/index.mjs

@@ -187,6 +187,7 @@ var Metamask = class extends Wallet {
     await this.page.getByTestId("terms-of-use-checkbox").click();
     await this.page.getByTestId("terms-of-use-agree-button").click();
     await this.page.getByTestId("onboarding-import-wallet").click();
+    await this.page.getByTestId("onboarding-import-with-srp-button").click();
     await this.page.getByTestId("srp-input-import__srp-note").pressSequentially(mnemonic);
     await this.page.getByTestId("import-srp-confirm").click();
     await this.page.getByTestId("create-password-new-input").fill(password);
@@ -196,10 +197,7 @@ var Metamask = class extends Wallet {
     await this.page.getByTestId("metametrics-no-thanks").click();
     await this.page.getByTestId("onboarding-complete-done").click();
     await this.page.getByTestId("pin-extension-done").click();
-    await this.page.getByTestId("unlock-password").fill(password);
-    await this.page.getByTestId("unlock-submit").click();
-    await this.page.waitForTimeout(1e3);
-    await this.clickTopRightCornerToCloseAllTheMarketingBullshit();
+    await this.page.getByTestId("not-now-button").click();
   }
   async switchAccount(accountNameOrAddress) {
     await this.page.getByTestId("account-menu-icon").click();
@@ -234,7 +232,8 @@ var Metamask = class extends Wallet {
   }
   async connectToNetwork(settingsOrName) {
     if (typeof settingsOrName !== "string") {
-      await this.page.locator(".mm-picker-network").click();
+      await this.page.getByTestId("account-options-menu-button").click();
+      await this.page.getByTestId("global-menu-networks").click();
       await this.page.getByRole("button", { name: "Add a custom network" }).click();
       await this.page.getByTestId("network-form-network-name").fill(settingsOrName.name);
       await this.page.getByTestId("network-form-chain-id").fill(settingsOrName.chainId.toString());
@@ -244,12 +243,19 @@ var Metamask = class extends Wallet {
       await this.page.getByTestId("rpc-url-input-test").fill(settingsOrName.rpc);
       await this.page.getByRole("button", { name: "Add URL" }).click();
       await this.page.getByRole("button", { name: "Save" }).click();
+    } else {
+      await this.page.getByTestId("sort-by-networks").click();
+      await this.page.getByRole("button", { name: "Default" }).click();
+      const additionalNetwork = this.page.getByTestId("additional-network-item").getByText(settingsOrName);
+      try {
+        await additionalNetwork.isEnabled({ timeout: 1e3 });
+        await additionalNetwork.click();
+        await this.page.getByTestId("confirmation-submit-button").click();
+      } catch (error) {
+        await this.page.getByText(settingsOrName).click();
+        await this.page.getByTestId("modal-header-close-button").click();
+      }
     }
-    await this.page.locator(".mm-picker-network").click();
-    await this.page.locator("text=Show test networks >> xpath=following-sibling::label").click();
-    await this.page.getByTestId(
-      typeof settingsOrName === "string" ? settingsOrName : settingsOrName.name
-    ).click();
   }
   async approve() {
     const p = await this.page.context().newPage();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "w3wallets",
   "description": "browser wallets for playwright",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "homepage": "https://github.com/Maksandre/w3wallets",