fix: add missing data-testid to connection forms for E2E tests

package.json

@@ -15,8 +15,8 @@
         "lint:fix": "oxlint --fix",
         "test:ui": "vitest --ui",
         "test:run": "vitest run",
-        "wdio": "wdio run ./wdio.conf.ts",
-        "test:e2e": "wdio run ./wdio.conf.ts"
+        "wdio": "wdio run wdio.conf.ts",
+        "test:e2e": "wdio run wdio.conf.ts"
     },
     "dependencies": {
         "@base-ui/react": "^1.0.0",
@@ -36,6 +36,7 @@
         "@tauri-apps/plugin-opener": "^2.5.3",
         "@tauri-apps/plugin-store": "^2.4.2",
         "@tauri-apps/plugin-stronghold": "^2.3.1",
+        "@wdio/cli": "^9.23.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "lucide-react": "^0.562.0",
@@ -60,12 +61,12 @@
         "@testing-library/react": "^16.3.1",
         "@testing-library/user-event": "^14.6.1",
         "@types/jsdom": "^27.0.0",
+        "@types/mocha": "^10.0.10",
         "@types/node": "^25.0.6",
         "@types/react": "^19.2.8",
         "@types/react-dom": "^19.2.3",
         "@vitejs/plugin-react": "^4.7.0",
         "@vitest/ui": "^4.0.16",
-        "@wdio/cli": "^9.23.0",
         "@wdio/local-runner": "^9.23.0",
         "@wdio/mocha-framework": "^9.23.0",
         "@wdio/spec-reporter": "^9.20.0",
@@ -78,10 +79,11 @@
         "tailwindcss": "^4.1.18",
         "tailwindcss-animate": "^1.0.7",
         "tw-animate-css": "^1.4.0",
+        "types": "link:@wdio/globals/types",
         "typescript": "~5.8.3",
         "typescript-eslint": "^8.52.0",
         "vite": "^7.3.1",
         "vitest": "^4.0.16",
         "webdriverio": "^9.23.0"
     }
-}
+}

src-tauri/src/actions/download.rs

@@ -18,7 +18,6 @@ use crate::s3::{
 };
 use crate::AppState;
 
-/// Global state for tracking active downloads and their cancellation tokens
 lazy_static::lazy_static! {
     static ref ACTIVE_DOWNLOADS: Arc<Mutex<HashMap<String, watch::Sender<bool>>>> =
         Arc::new(Mutex::new(HashMap::new()));

src-tauri/src/actions/upload.rs

@@ -16,7 +16,6 @@ use crate::s3::{
 };
 use crate::AppState;
 
-/// Global state for tracking active uploads and their cancellation tokens
 lazy_static::lazy_static! {
     static ref ACTIVE_UPLOADS: Arc<Mutex<HashMap<String, watch::Sender<bool>>>> =
         Arc::new(Mutex::new(HashMap::new()));

src/routes/(credential-manager)/connections/$connectionId/edit.tsx

@@ -173,6 +173,7 @@ function EditConnectionPage() {
                 <div className='w-full'>
                     <Card>
                         <form
+                            data-testid="connection-form"
                             onSubmit={(e) => {
                                 e.preventDefault();
                                 e.stopPropagation();

src/routes/(credential-manager)/connections/new.tsx

@@ -112,6 +112,7 @@ function NewConnectionPage() {
                 <div className='w-full'>
                     <Card>
                         <form
+                            data-testid="connection-form"
                             onSubmit={(e) => {
                                 e.preventDefault();
                                 e.stopPropagation();

tests/e2e/specs/example.e2e.ts

@@ -0,0 +1,35 @@
+/// <reference types="@wdio/mocha-framework" />
+/// <reference types="webdriverio" />
+
+// calculates the luma from a hex color `#abcdef`
+function luma(hex:string) {
+    if (hex.startsWith('#')) {
+        hex = hex.substring(1);
+    }
+
+    const rgb = parseInt(hex, 16);
+    const r = (rgb >> 16) & 0xff;
+    const g = (rgb >> 8) & 0xff;
+    const b = (rgb >> 0) & 0xff;
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+
+describe('Hello Tauri', () => {
+    it('should be cordial', async () => {
+        const header = await $('body > h1');
+        const text = await header.getText();
+        expect(text).toMatch(/^[hH]ello/);
+    });
+
+    it('should be excited', async () => {
+        const header = await $('body > h1');
+        const text = await header.getText();
+        expect(text).toMatch(/!$/);
+    });
+
+    it('should be easy on the eyes', async () => {
+        const body = await $('body');
+        const backgroundColor = await body.getCSSProperty('background-color');
+        expect(luma(backgroundColor.parsed.hex)).toBeLessThan(100);
+    });
+});

tsconfig.json

@@ -2,30 +2,45 @@
     "compilerOptions": {
         "target": "ES2020",
         "useDefineForClassFields": true,
-        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "lib": [
+            "ES2020",
+            "DOM",
+            "DOM.Iterable"
+        ],
         "module": "ESNext",
         "skipLibCheck": true,
-
         /* Bundler mode */
         "moduleResolution": "bundler",
         "allowImportingTsExtensions": true,
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-
         /* Linting */
         "strict": true,
         "noUnusedLocals": true,
         "noUnusedParameters": true,
         "noFallthroughCasesInSwitch": true,
-
         /* Path aliases */
         "baseUrl": ".",
         "paths": {
-            "@/*": ["./src/*"]
-        }
+            "@/*": [
+                "./src/*"
+            ]
+        },
+        "types": [
+            "node",
+            "@wdio/globals/types",
+            "@types/mocha",
+            "@wdio/mocha-framework"
+        ]
     },
-    "include": ["src"],
-    "references": [{ "path": "./tsconfig.node.json" }]
-}
+    "include": [
+        "src"
+    ],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}