feat(console): add Leap wallet extension

apps/deploy-web/playwright.config.ts

@@ -38,15 +38,15 @@ export default defineConfig({
       use: { ...devices["Desktop Chrome"] }
     },
 
-    {
-      name: "firefox",
-      use: { ...devices["Desktop Firefox"] }
-    },
+    // {
+    //   name: "firefox",
+    //   use: { ...devices["Desktop Firefox"] }
+    // },
 
-    {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] }
-    }
+    // {
+    //   name: "webkit",
+    //   use: { ...devices["Desktop Safari"] }
+    // }
 
     /* Test against mobile viewports. */
     // {

apps/deploy-web/tests/deploy-hello-world.spec.ts

@@ -0,0 +1,27 @@
+import { expect, selectors } from "@playwright/test";
+import { test } from "./utils/fixture";
+
+import { SSH_VM_IMAGES } from "@src/utils/sdl/data";
+import { DeployHelloWorldPage } from "./pages/DeployHelloWorldPage";
+
+test.beforeAll(async ({ page, extensionId }) => {
+  page.waitForLoadState("domcontentloaded");
+  console.log("clicking seed");
+  selectors.setTestIdAttribute("data-testing-id");
+
+  await page.goto(`chrome-extension://${extensionId}/index.html#/onboarding`);
+  await page.getByTestId("import-seed-phrase").click();
+
+  await page.locator(`//*[@id="root"]/div/div[2]/div/div[1]/div[1]/div/div[2]/div[1]`).click();
+  await page.locator("input").fill("test");
+
+  await page.pause();
+
+  selectors.setTestIdAttribute("data-testid");
+});
+
+test.only("deploy hello world", async ({ page }) => {
+  console.log("testing");
+  const customTemplatePage = new DeployHelloWorldPage(page, "new-deployment", "build-template-card");
+  await customTemplatePage.gotoInteractive();
+});

apps/deploy-web/tests/pages/DeployBasePage.tsx

@@ -33,4 +33,4 @@ export class DeployBasePage {
   async submit() {
     await this.page.getByTestId("create-deployment-btn").click();
   }
-}
+}

apps/deploy-web/tests/pages/DeployHelloWorldPage.tsx

@@ -0,0 +1,7 @@
+import { DeployBasePage } from "./DeployBasePage";
+
+export class DeployHelloWorldPage extends DeployBasePage {
+  async fillImageName(name: string) {
+    await this.page.getByTestId("image-name-input").fill(name);
+  }
+}