feat: add headless wallet test

Author: PeterYinusa

README.md

@@ -7,6 +7,7 @@ A set of examples to help demonstrate using [DappDriver](https://github.com/asse
 - [Cucumber](./packages/cucumber)
 - [Jest](./packages/jest)
 - [Mocha](./packages/mocha/)
+- [Headless Wallet](./packages/tests/headless.ts)
 
 ## Getting Started
 

packages/page-objects/src/testDapp.ts

@@ -2,15 +2,21 @@ import { HTMLElement, PageObject } from "@assert-equals/dappdriver";
 import { Connect } from "@assert-equals/dappdriver/wallet";
 
 export class Dapp extends PageObject {
-  private readonly accountsLabel: () => HTMLElement = () =>
+  private readonly providerButtton: () => HTMLElement = (): HTMLElement =>
+    new HTMLElement("#provider");
+  private readonly accountsLabel: () => HTMLElement = (): HTMLElement =>
     new HTMLElement("#accounts");
-  private readonly connectButton: () => HTMLElement = () =>
+  private readonly connectButton: () => HTMLElement = (): HTMLElement =>
     new HTMLElement("#connectButton");
 
   constructor() {
     super("http://localhost:3000/", "E2E Test Dapp");
   }
 
+  async useProvider(): Promise<void> {
+    return await this.providerButtton().click();
+  }
+
   async getAccounts(): Promise<string> {
     return await this.accountsLabel().getText();
   }

packages/tests/.gitignore

@@ -0,0 +1 @@
+node_modules

packages/tests/README.md

@@ -0,0 +1,35 @@
+# Tests
+
+Examples to help demonstrate using DappDriver to test a sample dapp
+
+## Getting Started
+
+Install Dependancies
+
+```
+npm install
+```
+
+Build Code
+
+```
+npm run build
+```
+
+Install Playwright Browser
+
+```
+npx playwright install chrome
+```
+
+Install Browser Extension
+
+```
+npm run setup
+```
+
+Run All Tests
+
+```
+npm test
+```

packages/tests/headless.ts

@@ -0,0 +1,45 @@
+import {
+  CHROME,
+  DappDriver,
+  HEADLESS,
+  HeadlessWalletServer,
+  PLAYWRIGHT,
+} from "@assert-equals/dappdriver";
+import { Dapp } from "@assert-equals/dappdriver-examples-page-objects";
+import { expect } from "chai";
+import { TestDapp } from "@assert-equals/dappdriver-examples-test-dapp";
+import dotenv from "dotenv";
+dotenv.config({ path: "../../.env" });
+
+(async function test(): Promise<void> {
+  let server = new TestDapp(3000);
+  await server.startServer();
+  const headlessWalletPort: number = 3001;
+  const headlessWalletServer: HeadlessWalletServer = new HeadlessWalletServer({
+    mnemonic: process.env.DAPPDRIVER_SEED_PHRASE,
+    port: headlessWalletPort,
+  });
+  await headlessWalletServer.start();
+  let dapp: Dapp = await DappDriver.create<Dapp>(
+    "http://localhost:3000/",
+    PLAYWRIGHT,
+    CHROME,
+    Dapp,
+    {
+      extension: {
+        wallet: HEADLESS,
+        port: headlessWalletPort,
+      },
+    }
+  );
+  try {
+    // await dapp.useProvider();
+    const actualAccount: string = await dapp.getAccounts();
+    const expectedAccount = "0xE18035BF8712672935FDB4e5e431b1a0183d2DFC";
+    expect(actualAccount).to.be.equal(expectedAccount);
+  } finally {
+    await DappDriver.dispose();
+    await server.shutdown();
+    await headlessWalletServer.stop();
+  }
+})();

packages/tests/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@assert-equals/dappdriver-examples-tests",
+  "version": "1.0.0",
+  "description": "Examples to help demonstrate using DappDriver to test a sample dapp",
+  "scripts": {
+    "clean": "rm -rf node_modules",
+    "setup": "npx dappdriver",
+    "test": "ts-node headless.ts"
+  },
+  "keywords": [
+    "dappdriver",
+    "headless",
+    "playwright",
+    "selenium",
+    "webdriver"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@assert-equals/dappdriver": "latest",
+    "@assert-equals/dappdriver-examples-page-objects": "*",
+    "@assert-equals/dappdriver-examples-test-dapp": "*",
+    "@types/chai": "^4.3.3",
+    "chai": "4.5.0",
+    "dotenv": "^16.4.5",
+    "playwright": "^1.48.2",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.3"
+  }
+}

packages/tests/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "target": "ESNext"
+  }
+}