feat: initial e2e setup with first test implemented

Author: refael-m

.gitignore

@@ -59,3 +59,4 @@ temp/
 test/e2e/allure-results/
 test/e2e/allure-report/
 test/e2e/.wdio-vscode-service/
+test/e2e/.env

test/e2e/README.md

@@ -9,6 +9,18 @@ cd test/e2e
 pnpm install
 ```
 
+## Environment variables
+
+End-to-end runs require Cloudinary credentials in `process.env`. The `onPrepare` hook in `wdio.conf.ts` reads `E2E_CLOUD`, `E2E_API_KEY`, and `E2E_API_SECRET`, then writes `~/.cloudinary/environments.json` in the shape the extension expects (cloud name as the top-level key, with `apiKey` and `apiSecret`).
+
+| Variable | Description |
+|----------|-------------|
+| `E2E_CLOUD` | Cloudinary cloud name |
+| `E2E_API_KEY` | API key |
+| `E2E_API_SECRET` | API secret |
+
+**Local:** add a `test/e2e/.env` file (gitignored) such as:
+
 ## Running Tests
 
 ```bash
@@ -18,7 +30,7 @@ pnpm test:e2e
 This will:
 1. Download a VS Code binary (if not already cached in `.wdio-vscode-service/`)
 2. Launch VS Code with the extension loaded
-3. Run all specs in `test/specs/`
+3. Run all specs in `specs/`
 
 ## Viewing Reports
 
@@ -35,8 +47,7 @@ test/e2e/
 ├── wdio.conf.ts              # WebdriverIO configuration
 ├── tsconfig.json              # TypeScript config for e2e tests
 ├── package.json               # Dependencies (separate from root)
-├── test/
-│   └── specs/                 # Test spec files
+├── specs/                     # Test spec files
 ├── src/
 │   └── utils/                 # Page object utilities
 ```
@@ -46,8 +57,8 @@ test/e2e/
 Tests use [Mocha](https://mochajs.org/) as the test framework and the `wdio-vscode-service` page objects to interact with VS Code.
 
 ```ts
-import { activityBarUtils } from '../../src/utils/ActivityBarUtils'
-import { sideBarViewUtils } from '../../src/utils/SideBarViewUtils'
+import { activityBarUtils } from '../src/utils/ActivityBarUtils.js'
+import { sideBarViewUtils } from '../src/utils/SideBarViewUtils.js'
 
 it('should open the Cloudinary view', async () => {
     await activityBarUtils.openView('Cloudinary')

test/e2e/specs/loadMlAssets.spec.ts

@@ -7,7 +7,7 @@ import { sideBarViewUtils } from '../src/utils/SideBarViewUtils.js'
  */
 it('should load cloudinary media library', async () => {
     const expectedTitle = 'CLOUDINARY';
-    const expectedItems = ['cats', 'dogs'];
+    const expectedItems = ['samples', 'sample'];
 
     await activityBarUtils.openView('Cloudinary');
 

test/e2e/wdio.conf.ts

@@ -1,3 +1,5 @@
+import * as fs from 'node:fs';
+import * as os from 'node:os';
 import { fileURLToPath } from 'node:url';
 import * as path from 'node:path';
 
@@ -169,8 +171,28 @@ export const config: WebdriverIO.Config = {
      * @param {object} config wdio configuration object
      * @param {Array.<Object>} capabilities list of capabilities details
      */
-    // onPrepare: function (config, capabilities) {
-    // },
+    onPrepare: function () {
+        /**
+         * Write the Cloudinary credentials to the global config file.
+         * the file location is ~/.cloudinary/environments.json
+         */
+        const cloudName = process.env.E2E_CLOUD;
+        const apiKey = process.env.E2E_API_KEY;
+        const apiSecret = process.env.E2E_API_SECRET;
+        if (!cloudName || !apiKey || !apiSecret) {
+            throw new Error(
+                'E2E setup requires E2E_CLOUD, E2E_API_KEY, and E2E_API_SECRET in the process environment.'
+            );
+        }
+        
+        const cloudinaryDir = path.join(os.homedir(), '.cloudinary');
+        fs.mkdirSync(cloudinaryDir, { recursive: true });
+        const outPath = path.join(cloudinaryDir, 'environments.json');
+        const environments = {
+            [cloudName]: { apiKey, apiSecret },
+        };
+        fs.writeFileSync(outPath, `${JSON.stringify(environments, null, 2)}\n`, 'utf-8');
+    },
     /**
      * Gets executed before a worker process is spawned and can be used to initialize specific service
      * for that worker as well as modify runtime environments in an async fashion.