added visual testing project to playwright

Author: shairez

packages/kit-headless/playwright.config.ts

@@ -36,8 +36,15 @@ export default defineConfig({
   },
   projects: [
     {
-      name: 'chromium',
+      name: 'logic',
       use: { ...devices['Desktop Chrome'] },
+      grepInvert: /@Visual.*/,
+    },
+
+    {
+      name: 'visual',
+      use: { ...devices['Desktop Chrome'] },
+      grep: /@Visual.*/,
     },
 
     // {

packages/kit-headless/project.json

@@ -84,7 +84,16 @@
       "executor": "@nx/playwright:playwright",
       "outputs": ["{workspaceRoot}/dist/.playwright/packages/kit-headless"],
       "options": {
-        "config": "packages/kit-headless/playwright.config.ts"
+        "config": "packages/kit-headless/playwright.config.ts",
+        "project": ["logic"]
+      }
+    },
+    "visual-test": {
+      "executor": "@nx/playwright:playwright",
+      "outputs": ["{workspaceRoot}/dist/.playwright/packages/kit-headless"],
+      "options": {
+        "config": "packages/kit-headless/playwright.config.ts",
+        "project": ["visual"]
       }
     }
   },