Initial commit

2025-11-29 18:17:04 +08:00
commit e758c0ab84
56 changed files with 9997 additions and 0 deletions
--- a/skills/playwright-e2e-automation/templates/playwright.config.template.ts
+++ b/skills/playwright-e2e-automation/templates/playwright.config.template.ts
@@ -0,0 +1,139 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Playwright Configuration
+ * Generated by playwright-e2e-automation skill
+ *
+ * Framework: {{FRAMEWORK_NAME}}
+ * Base URL: {{BASE_URL}}
+ * Generated: {{GENERATED_DATE}}
+ */
+
+export default defineConfig({
+  testDir: './tests/specs',
+
+  /**
+   * Maximum time one test can run for
+   */
+  timeout: {{TIMEOUT}},
+
+  /**
+   * Test execution settings
+   */
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+
+  /**
+   * Reporter configuration
+   * CI: GitHub Actions reporter
+   * Local: HTML reporter with screenshots
+   */
+  reporter: process.env.CI
+    ? 'github'
+    : [
+        ['html', { outputFolder: 'playwright-report' }],
+        ['json', { outputFile: 'test-results/results.json' }],
+      ],
+
+  /**
+   * Shared settings for all projects
+   */
+  use: {
+    /* Base URL for navigation */
+    baseURL: '{{BASE_URL}}',
+
+    /* Collect trace on first retry */
+    trace: 'on-first-retry',
+
+    /* Screenshot settings */
+    screenshot: {
+      mode: 'only-on-failure',
+      fullPage: true,
+    },
+
+    /* Video settings */
+    video: 'retain-on-failure',
+
+    /* Maximum time each action can take */
+    actionTimeout: 10000,
+
+    /* Navigation timeout */
+    navigationTimeout: 30000,
+  },
+
+  /**
+   * Browser and device configurations
+   */
+  projects: [
+    {
+      name: 'chromium-desktop',
+      use: {
+        ...devices['Desktop Chrome'],
+        viewport: { width: 1280, height: 720 },
+      },
+    },
+
+    {
+      name: 'firefox-desktop',
+      use: {
+        ...devices['Desktop Firefox'],
+        viewport: { width: 1280, height: 720 },
+      },
+    },
+
+    {
+      name: 'webkit-desktop',
+      use: {
+        ...devices['Desktop Safari'],
+        viewport: { width: 1280, height: 720 },
+      },
+    },
+
+    {
+      name: 'mobile-chrome',
+      use: {
+        ...devices['Pixel 5'],
+      },
+    },
+
+    {
+      name: 'mobile-safari',
+      use: {
+        ...devices['iPhone 13'],
+      },
+    },
+
+    {
+      name: 'tablet',
+      use: {
+        ...devices['iPad Pro'],
+      },
+    },
+  ],
+
+  /**
+   * Web server configuration
+   * Starts dev server before running tests
+   */
+  webServer: {
+    command: '{{DEV_SERVER_COMMAND}}',
+    url: '{{BASE_URL}}',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120 * 1000,
+    stdout: 'pipe',
+    stderr: 'pipe',
+  },
+
+  /**
+   * Output directories
+   */
+  outputDir: 'test-results',
+
+  /**
+   * Global setup/teardown
+   */
+  globalSetup: require.resolve('./tests/setup/global-setup.ts'),
+  globalTeardown: require.resolve('./tests/setup/global-teardown.ts'),
+});