Experiments/diagnostics (#4)

* Created a basic github workflow to run the webdriver.io tests on MacOS.
* Worked out how to install pnpm so it can be used by the GitHub Action.
* Added tests to debug why the original test stopped finding the element.
* Added full path to enable REPL to work.
---------

Co-authored-by: julianharty <julianharty@gmail.com>

Author: julian-at-crabnebula

.github/workflows/test-e2e.yml

@@ -0,0 +1,40 @@
+
+name: E2E Tests
+
+on:
+  push:
+
+env:
+  CN_API_KEY: ${{ secrets.CN_API_KEY }}
+
+jobs:
+  test:
+    runs-on: macos-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+            version: 10
+      - name: Use Node.js 24
+        uses: actions/setup-node@v4
+        with:
+            node-version: 24
+            cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install e2e dependencies
+        run: pnpm install
+        working-directory: e2e
+
+      - name: Run e2e integration tests
+        run: pnpm  test
+        working-directory: e2e

e2e/test/specs/example.e2e.js

@@ -1,8 +1,47 @@
+describe("Empty test", () => {
+  it("should pass", async () => {
+    console.info("Starting empty test");
+    expect(true).toBe(true);
+    browser.saveScreenshot("./empty-test.png");
+  });
+});
+
+describe("Minimal test", () => {
+  it("should pass", async () => {
+    console.info("Starting minimal test");
+    const welcomeText = await $("[data-testid='welcome']").getText();
+    expect(welcomeText).toBeDefined();
+    expect(welcomeText).toContain("Welcome to Tauri + Solid!");
+    console.info("Minimal test passed");
+    await browser.saveScreenshot("./minimal-test.png");
+  });
+});
+
 describe("Hello Tauri", () => {
   it("should be excited", async () => {
+    console.info("Starting test: should be excited");
     await $("[data-testid='welcome']").waitForExist();
     const header = await $("[data-testid='welcome']");
     const text = await header.getText();
     expect(text).toMatch(/!$/);
+    console.info(`Found text: ${text}`);
   });
+
+  describe("Hello Tauri using a Promise", () => {
+   it("should be excited", async () => {
+    console.info("Starting test: Hello Tauri using a Promise");
+    const welcome = $("[data-testid='welcome']");
+
+    const foundElement = await Promise.race([
+      welcome.waitForExist({timeout: 30000}).then(() => ({type: 'welcome', element: welcome}))
+    ])
+    console.info(`Found ${foundElement.type} element`);
+    await browser.saveScreenshot(`./${foundElement.type}-element-found.png`);
+    const text = await foundElement.element.getText();
+    expect(text).toMatch(/!$/);
+    console.info(`Found text: ${text}`);
+   });
+ });
 });
+
+

e2e/wdio.conf.js

@@ -5,6 +5,7 @@ import { waitTauriDriverReady } from "@crabnebula/tauri-driver";
 import { fileURLToPath } from "url";
 
 const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const isMac = process.platform === 'darwin';
 
 let tauriDriver;
 let exit = false;
@@ -17,12 +18,14 @@ export const config = {
   maxInstances: 1,
   capabilities: [
     {
+      browserName: 'tauri',
+      platformName: isMac ? 'macOS' : 'Windows',
       maxInstances: 1,
       "tauri:options": {
         application:
           process.platform === "darwin"
-            ? "../src-tauri/target/debug/bundle/macos/WebDriver Example.app"
-            : "../src-tauri/target/debug/webdriver-example",
+            ? path.resolve(__dirname, "../src-tauri/target/debug/bundle/macos/WebDriver Example.app")
+            : path.resolve(__dirname, "../src-tauri/target/debug/webdriver-example"),
       },
     },
   ],