Configure and run lost-pixel on the screencaps from VHS

.github/e2eapply.tape

@@ -1,4 +1,4 @@
-Output apply.mp4
+Output e2e/apply.mp4
 
 Set Width 1920
 Set Height 1080
@@ -15,4 +15,4 @@ Show
 Type@1ms "overmind terraform apply -- tfplan"
 Enter
 Sleep 60
-Screenshot apply.png
+Screenshot e2e/apply.png

.github/e2eplan.tape

@@ -1,4 +1,4 @@
-Output plan.mp4
+Output e2e/plan.mp4
 
 Set Width 1920
 Set Height 1080
@@ -17,4 +17,4 @@ Enter
 Sleep 2
 Enter
 Sleep 60
-Screenshot plan.png
+Screenshot e2e/plan.png

.github/workflows/e2e.yaml

@@ -163,11 +163,46 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: plan.mp4
-          path: plan.*
+          path: e2e/plan.*
 
-      - name: Upload plan results
+      - name: Upload apply results
         if: always()
         uses: actions/upload-artifact@v4
         with:
           name: apply.mp4
-          path: apply.*
+          path: e2e/apply.*
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
+        id: pnpm-install
+        with:
+          version: 9
+          run_install: false
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
+        continue-on-error: false
+
+      - name: Lost Pixel
+        uses: lost-pixel/[email protected]
+        env:
+          LOST_PIXEL_API_KEY: ${{ secrets.LOST_PIXEL_API_KEY }}

.gitignore

@@ -31,3 +31,4 @@ overmind.plan
 terraform.tfstate
 terraform.tfstate.backup
 /tmp/
+/node_modules

lost-pixel.config.ts

@@ -0,0 +1,11 @@
+import { CustomProjectConfig } from 'lost-pixel';
+
+export const config: CustomProjectConfig = {
+    customShots: {
+        currentShotsPath: "./lost-pixel",
+
+        // Lost Pixel Platform (to use in Platform mode, comment out the OSS mode and uncomment this part )
+        lostPixelProjectId: 'clfpdav6b0xkkln0ewld9jtqs',
+        apiKey: process.env.LOST_PIXEL_API_KEY,
+    }
+};

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "cli",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "lost-pixel": "lost-pixel",
+    "lost-pixel:update": "lost-pixel update"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "packageManager": "[email protected]+sha256.d6fc013639b81658ff175829ebb9435bcb89eff206769e460fd3ae27c2054df6",
+  "dependencies": {
+    "@types/node": "^20.14.9",
+    "lost-pixel": "^3.17.0"
+  }
+}