feat: create account method (#253)

* feat: create account method

* update test

* update tests

* typo

src/metamask/createAccount.ts

@@ -0,0 +1,14 @@
+import { clickOnElement, profileDropdownClick, retry } from "../helpers";
+import { DappeteerPage } from "../page";
+
+export const createAccount =
+  (page: DappeteerPage) =>
+  async (accountName: string): Promise<void> => {
+    await retry(async () => {
+      await page.bringToFront();
+      await profileDropdownClick(page);
+      await clickOnElement(page, "Create account");
+      await page.type(".new-account-create-form__input", accountName);
+      await clickOnElement(page, "Create");
+    }, 5);
+  };

src/metamask/index.ts

@@ -17,6 +17,7 @@ import { switchAccount } from "./switchAccount";
 import { switchNetwork } from "./switchNetwork";
 import { unlock } from "./unlock";
 import { acceptAddToken, rejectAddToken } from "./addToken";
+import { createAccount } from "./createAccount";
 
 export type SetSignedIn = (state: boolean) => Promise<void>;
 export type GetSingedIn = () => Promise<boolean>;
@@ -53,6 +54,7 @@ export const getMetaMask = (page: DappeteerPage): Promise<Dappeteer> => {
       unlock: unlock(page, setSignedIn, getSingedIn),
       acceptAddToken: acceptAddToken(page),
       rejectAddToken: rejectAddToken(page),
+      createAccount: createAccount(page),
       helpers: {
         getTokenBalance: getTokenBalance(page),
         deleteAccount: deleteAccount(page),

src/page.ts

@@ -85,6 +85,12 @@ export interface DappeteerPage<P = unknown> {
     name: string,
     callback: Function | { default: Function }
   ): Promise<void>;
+
+  type(
+    selector: string,
+    text: string,
+    options?: { delay: number }
+  ): Promise<void>;
 }
 
 export type Unboxed<Arg> = Arg extends DappeteerElementHandle<any, infer T>

src/playwright/page.ts

@@ -139,4 +139,12 @@ export class DPlaywrightPage implements DappeteerPage<Page> {
   ): Promise<void> {
     return this.page.exposeFunction(name, <Function>callback);
   }
+
+  type(
+    selector: string,
+    text: string,
+    options?: { delay: number }
+  ): Promise<void> {
+    return this.page.type(selector, text, options);
+  }
 }

src/puppeteer/page.ts

@@ -154,4 +154,12 @@ export class DPupeteerPage implements DappeteerPage<Page> {
   exposeFunction(name: string, callback: Function): Promise<void> {
     return this.page.exposeFunction(name, callback);
   }
+
+  type(
+    selector: string,
+    text: string,
+    options?: { delay: number }
+  ): Promise<void> {
+    return this.page.type(selector, text, options);
+  }
 }

src/types.ts

@@ -61,6 +61,7 @@ export type Dappeteer = {
   sign: () => Promise<void>;
   signTypedData: () => Promise<void>;
   approve: () => Promise<void>;
+  createAccount: (accountName: string) => Promise<void>;
   helpers: {
     getTokenBalance: (tokenSymbol: string) => Promise<number>;
     deleteAccount: (accountNumber: number) => Promise<void>;

test/basic.spec.ts

@@ -1,18 +1,18 @@
 import { expect, use } from "chai";
 import chaiAsPromised from "chai-as-promised";
 import * as dappeteer from "../src";
-import { profileDropdownClick } from "../src/helpers";
-import { DappeteerPage } from "../src/page";
+import { clickOnLogo, profileDropdownClick } from "../src/helpers";
+import { DappeteerPage } from "../src";
 
 import {
-  PASSWORD,
-  TestContext,
-  EXPECTED_MESSAGE_SIGNATURE,
   ACCOUNT_ADDRESS,
-  MESSAGE_TO_SIGN,
+  EXAMPLE_WEBSITE,
   EXPECTED_LONG_TYPED_DATA_SIGNATURE,
+  EXPECTED_MESSAGE_SIGNATURE,
   EXPECTED_SHORT_TYPED_DATA_SIGNATURE,
-  EXAMPLE_WEBSITE,
+  MESSAGE_TO_SIGN,
+  PASSWORD,
+  TestContext,
 } from "./constant";
 import {
   addNetwork,
@@ -179,4 +179,26 @@ describe("basic interactions", function () {
     );
     expect(accountSwitcher).to.not.be.undefined;
   });
+
+  it("should create an account and switch back to the default", async () => {
+    await metaMask.createAccount("Account 2");
+    await metaMask.switchAccount(1);
+    await profileDropdownClick(metaMaskPage);
+    await metaMaskPage.waitForSelector(".account-menu__check-mark svg");
+
+    const firstAccountSelected = await metaMaskPage.evaluate(() => {
+      return !!document.querySelector(
+        ".account-menu__accounts .account-menu__account:nth-child(1) .account-menu__check-mark svg"
+      );
+    });
+    const secondAccountSelected = await metaMaskPage.evaluate(() => {
+      return !!document.querySelector(
+        ".account-menu__accounts .account-menu__account:nth-child(2) .account-menu__check-mark svg"
+      );
+    });
+    expect((await metaMaskPage.$$(".account-menu__account")).length).to.eq(2);
+    expect(firstAccountSelected).to.be.true;
+    expect(secondAccountSelected).to.be.false;
+    await clickOnLogo(metaMaskPage);
+  });
 });

test/contract.spec.ts

@@ -2,8 +2,7 @@ import { expect } from "chai";
 
 import Web3 from "web3";
 import { Contract } from "web3-eth-contract";
-import { Dappeteer } from "../src";
-import { DappeteerPage } from "../src/page";
+import { Dappeteer, DappeteerPage } from "../src";
 
 import { ACCOUNT_ADDRESS, EXAMPLE_WEBSITE, TestContext } from "./constant";
 import { ContractInfo } from "./contract/contractInfo";