Add Argos CI snapshot testing for desktop E2E tests (#2010)

* Add Argos CI snapshot testing for desktop E2E tests

- Add @argos-ci/cli and @argos-ci/webdriverio dependencies to desktop-e2e
- Update test/app.spec.js to capture screenshots using argosScreenshot
- Add .gitignore to exclude screenshots folder
- Update desktop-e2e-linux action to upload screenshots to Argos CI
- Pass ARGOS_TOKEN to the action in desktop_cd.yaml workflow

Co-Authored-By: yujonglee <[email protected]>

* chore: update lockfile for desktop-e2e Argos deps

Co-Authored-By: yujonglee <[email protected]>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: yujonglee

.github/actions/desktop-e2e-linux/action.yml

@@ -8,6 +8,9 @@ inputs:
     description: Rust target triple for the build
     required: false
     default: x86_64-unknown-linux-gnu
+  argos_token:
+    description: Argos CI token for uploading screenshots
+    required: false
 runs:
   using: composite
   steps:
@@ -33,3 +36,8 @@ runs:
       run: pnpm -F desktop-e2e test
       env:
         APP_BINARY_PATH: ${{ env.APP_BINARY_PATH }}
+    - name: Upload screenshots to Argos
+      if: ${{ inputs.argos_token != '' }}
+      shell: bash
+      run: pnpm -F desktop-e2e exec argos upload --token ${{ inputs.argos_token }} --build-name desktop screenshots
+      working-directory: ${{ github.workspace }}/apps/desktop-e2e

.github/workflows/desktop_cd.yaml

@@ -231,6 +231,7 @@ jobs:
         with:
           channel: ${{ inputs.channel }}
           target_triple: x86_64-unknown-linux-gnu
+          argos_token: ${{ secrets.ARGOS_TOKEN }}
       - if: ${{ inputs.channel != 'staging' }}
         uses: ./.github/actions/cn_release
         with:

apps/desktop-e2e/.gitignore

@@ -0,0 +1,2 @@
+# Argos screenshots
+screenshots/

apps/desktop-e2e/package.json

@@ -7,6 +7,8 @@
     "test": "wdio run wdio.conf.js"
   },
   "devDependencies": {
+    "@argos-ci/cli": "^3.1.0",
+    "@argos-ci/webdriverio": "^0.4.0",
     "@wdio/cli": "^9.20.1",
     "@wdio/local-runner": "^9.20.1",
     "@wdio/mocha-framework": "^9.20.1",

apps/desktop-e2e/test/app.spec.js

@@ -1,4 +1,5 @@
-import { expect } from "@wdio/globals";
+import { argosScreenshot } from "@argos-ci/webdriverio";
+import { browser, expect } from "@wdio/globals";
 
 describe("Hyprnote Desktop App", () => {
   it("should launch the application", async () => {
@@ -10,4 +11,8 @@ describe("Hyprnote Desktop App", () => {
     const windowHandles = await browser.getWindowHandles();
     expect(windowHandles.length).toBeGreaterThan(0);
   });
+
+  it("should capture main window screenshot", async () => {
+    await argosScreenshot(browser, "main-window");
+  });
 });