test: try lost pixel

.github/workflows/regression.yml

@@ -0,0 +1,28 @@
+name: Regression
+
+on:
+    pull_request:
+        branches: ["*"]
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node.js
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16
+            - name: Install dependencies
+              run: npm ci
+            - name: Build packages
+              run: npm run build
+            - name: Run preview  -- --filter=pink-design
+              run: (npm run preview  -- --filter=pink-design&)
+            - name: Sleep for 10 seconds
+              run: sleep 10
+              shell: bash
+            - name: Lost Pixel
+              uses: lost-pixel/[email protected]
+              env:
+                LOST_PIXEL_API_KEY: ${{ secrets.LOST_PIXEL_API_KEY }}

.github/workflows/tests.yml

@@ -1,24 +1,22 @@
 name: Tests
 
 on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
+    pull_request:
+        branches: ["main"]
 
 jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-      - name: Install dependencies
-        run: npm ci
-      - name: Run Linter
-        run: npm run lint
-        continue-on-error: true
-      - name: Build packages
-        run: npm run build
+    build:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node.js
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 16
+            - name: Install dependencies
+              run: npm ci
+            - name: Run Linter
+              run: npm run lint
+              continue-on-error: true
+            - name: Build packages
+              run: npm run build

.lostpixel/.gitignore

@@ -0,0 +1,2 @@
+current
+difference

apps/pink/package.json

@@ -7,7 +7,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build && node ./search.mjs",
-    "preview": "astro preview",
+    "preview": "astro preview --host",
     "astro": "astro",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },

lostpixel.config.ts

@@ -0,0 +1,30 @@
+import { CustomProjectConfig, PageScreenshotParameter } from "lost-pixel";
+
+const defaultPageOptions: Partial<PageScreenshotParameter> = {
+    waitBeforeScreenshot: 2500
+}
+
+export const config: CustomProjectConfig = {
+    pageShots: {
+        pages: [
+            {
+                path: "/elements/button",
+                name: "buttons",
+                ...defaultPageOptions
+            },
+            {
+                path: "/elements/card",
+                name: "card",
+                ...defaultPageOptions
+            },
+            {
+                path: "/elements/input-field",
+                name: "input-field",
+                ...defaultPageOptions
+            },
+        ],
+        baseUrl: "http://172.17.0.1:3333",
+    },
+    lostPixelProjectId: "clf6rcb5205pmmg0ehjcxzv68",
+    apiKey: process.env.LOST_PIXEL_API_KEY,
+};