w3wallets 0.0.2 → 0.0.3

package/README.md

@@ -0,0 +1,39 @@
+# w3wallets
+
+Web3 wallets for Playwright.
+
+> [!IMPORTANT]
+> This is Alpha!
+
+This library provides methods for interacting with Web3 wallets using Playwright.
+
+```sh
+npm install -D w3wallets
+```
+
+## Getting Started
+
+Only the `Backpack` wallet is supported at this point.
+
+#### 1. Download wallets
+
+```sh
+npx w3wallets
+```
+
+#### 2. Wrap your fixture `withWallets`
+
+```ts
+import { test as base } from "@playwright/test";
+import { withWallets } from "../src/withWallets";
+
+const test = withWallets(base, { backpack: true });
+
+test("has title", async ({ page, backpack }) => {
+  await page.goto("https://playwright.dev/");
+
+  await backpack.onboard(
+    "4wDJd9Ds5ueTdS95ReAZGSBVkjMcNKbgZk47xcmqzpUJjCt7VoB2Cs7hqwXWRnopzXqE4mCP6BEDHCYrFttEcBw2",
+  );
+});
+```

package/dist/index.d.mts

@@ -1,11 +1,19 @@
 import * as playwright_test from 'playwright/test';
-import { test, BrowserContext } from '@playwright/test';
+import { Page, test, BrowserContext } from '@playwright/test';
+
+declare class Backpack {
+    private page;
+    constructor(page: Page);
+    onboard(privateKey: string): Promise<void>;
+}
 
 type Config = {
     backpack: boolean;
 };
-declare function withExtensions(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
+declare function withWallets(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
     context: BrowserContext;
+    backpack: Backpack;
+    extensionId: string;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
-export { withExtensions };
+export { withWallets as withExtensions };

package/dist/index.d.ts

@@ -1,11 +1,19 @@
 import * as playwright_test from 'playwright/test';
-import { test, BrowserContext } from '@playwright/test';
+import { Page, test, BrowserContext } from '@playwright/test';
+
+declare class Backpack {
+    private page;
+    constructor(page: Page);
+    onboard(privateKey: string): Promise<void>;
+}
 
 type Config = {
     backpack: boolean;
 };
-declare function withExtensions(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
+declare function withWallets(test: typeof test, config: Config): playwright_test.TestType<playwright_test.PlaywrightTestArgs & playwright_test.PlaywrightTestOptions & {
     context: BrowserContext;
+    backpack: Backpack;
+    extensionId: string;
 }, playwright_test.PlaywrightWorkerArgs & playwright_test.PlaywrightWorkerOptions>;
 
-export { withExtensions };
+export { withWallets as withExtensions };

package/dist/index.js

@@ -30,18 +30,47 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  withExtensions: () => withExtensions
+  withExtensions: () => withWallets
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/withExtension.ts
+// src/withWallets.ts
 var import_path = __toESM(require("path"));
 var import_fs = __toESM(require("fs"));
 var import_test = require("@playwright/test");
 var import_test2 = require("@playwright/test");
-function withExtensions(test, config) {
+
+// src/backpack/index.ts
+var Backpack = class {
+  constructor(page) {
+    this.page = page;
+  }
+  async onboard(privateKey) {
+    await this.page.getByRole("button", { name: "I already have a wallet" }).click();
+    await this.page.getByRole("button", { name: "Show advanced options" }).click();
+    await this.page.getByRole("button", { name: "Import with private key" }).click();
+    await this.page.getByPlaceholder("Enter private key").fill(privateKey);
+    await this.page.getByRole("button", { name: "Import" }).click();
+    await this.page.getByPlaceholder("Password", { exact: true }).fill("11111111");
+    await this.page.getByPlaceholder("Confirm Password").fill("11111111");
+    await this.page.getByRole("checkbox").click();
+    await this.page.getByRole("button", { name: "Next" }).click();
+  }
+};
+
+// src/withWallets.ts
+function withWallets(test, config) {
   const backpack = import_path.default.join(process.cwd(), "extensions", "backpack");
   return test.extend({
+    backpack: async ({ context, extensionId }, use) => {
+      const page = context.pages()[0];
+      if (!page) throw Error("No pages in context");
+      const backpack2 = new Backpack(page);
+      await page.goto(
+        `chrome-extension://${extensionId}/options.html?onboarding=true`
+      );
+      await use(backpack2);
+    },
     context: async ({}, use) => {
       const userDataDir = import_path.default.join(process.cwd(), ".tmp-user-data");
       const backpackDownloaded = import_fs.default.existsSync(
@@ -58,6 +87,13 @@ function withExtensions(test, config) {
       });
       await use(context);
       await context.close();
+    },
+    extensionId: async ({ context }, use) => {
+      let [background] = context.serviceWorkers();
+      if (!background) background = await context.waitForEvent("serviceworker");
+      const extensionId = background.url().split("/")[2];
+      if (!extensionId) throw Error("No extension id");
+      await use(extensionId);
     }
   });
 }

package/dist/index.mjs

@@ -1,11 +1,40 @@
-// src/withExtension.ts
+// src/withWallets.ts
 import path from "path";
 import fs from "fs";
 import "@playwright/test";
 import { chromium } from "@playwright/test";
-function withExtensions(test, config) {
+
+// src/backpack/index.ts
+var Backpack = class {
+  constructor(page) {
+    this.page = page;
+  }
+  async onboard(privateKey) {
+    await this.page.getByRole("button", { name: "I already have a wallet" }).click();
+    await this.page.getByRole("button", { name: "Show advanced options" }).click();
+    await this.page.getByRole("button", { name: "Import with private key" }).click();
+    await this.page.getByPlaceholder("Enter private key").fill(privateKey);
+    await this.page.getByRole("button", { name: "Import" }).click();
+    await this.page.getByPlaceholder("Password", { exact: true }).fill("11111111");
+    await this.page.getByPlaceholder("Confirm Password").fill("11111111");
+    await this.page.getByRole("checkbox").click();
+    await this.page.getByRole("button", { name: "Next" }).click();
+  }
+};
+
+// src/withWallets.ts
+function withWallets(test, config) {
   const backpack = path.join(process.cwd(), "extensions", "backpack");
   return test.extend({
+    backpack: async ({ context, extensionId }, use) => {
+      const page = context.pages()[0];
+      if (!page) throw Error("No pages in context");
+      const backpack2 = new Backpack(page);
+      await page.goto(
+        `chrome-extension://${extensionId}/options.html?onboarding=true`
+      );
+      await use(backpack2);
+    },
     context: async ({}, use) => {
       const userDataDir = path.join(process.cwd(), ".tmp-user-data");
       const backpackDownloaded = fs.existsSync(
@@ -22,9 +51,16 @@ function withExtensions(test, config) {
       });
       await use(context);
       await context.close();
+    },
+    extensionId: async ({ context }, use) => {
+      let [background] = context.serviceWorkers();
+      if (!background) background = await context.waitForEvent("serviceworker");
+      const extensionId = background.url().split("/")[2];
+      if (!extensionId) throw Error("No extension id");
+      await use(extensionId);
     }
   });
 }
 export {
-  withExtensions
+  withWallets as withExtensions
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "w3wallets",
   "description": "browser wallets for playwright",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "author": "Max Andreev <maxick20@gmail.com>",