@zap-wunschlachen/wl-shared-components 1.0.11 → 1.0.13

package/.github/workflows/playwright.yml

@@ -1,206 +1,206 @@
-name: Playwright Tests
-
-on:
-  workflow_dispatch:
-  push:
-    branches: [develop]
-  pull_request:
-    branches: [develop]
-
-jobs:
-  test:
-    timeout-minutes: 60
-    runs-on: ubuntu-latest
-    
-    strategy:
-      matrix:
-        browser: [chromium, firefox, webkit]
-      fail-fast: false
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps ${{ matrix.browser }}
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Serve Storybook and run tests
-        run: npx playwright test --project=${{ matrix.browser }}
-
-      - name: Upload test results
-        uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: playwright-results-${{ matrix.browser }}
-          path: |
-            playwright-report/
-          retention-days: 7
-
-  accessibility-test:
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    
-    steps:
-      - uses: actions/checkout@v4
-      
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Install Playwright Browsers
-        run: npx playwright install chromium
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Run accessibility tests
-        run: npx playwright test --grep 'accessibility|Accessibility' --project=chromium
-
-      - name: Upload accessibility results
-        uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: accessibility-results
-          path: |
-            playwright-report/
-          retention-days: 7
-
-  visual-regression:
-    timeout-minutes: 45
-    runs-on: ubuntu-latest
-    
-    steps:
-      - uses: actions/checkout@v4
-      
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Install Playwright Browsers
-        run: npx playwright install chromium
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Run visual regression tests
-        run: npx playwright test tests/e2e/visual-regression.spec.ts --project=chromium
-
-      - name: Upload visual test results
-        uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: visual-regression-results
-          path: |
-            playwright-report/
-          retention-days: 7
-
-  mobile-test:
-    timeout-minutes: 45
-    runs-on: ubuntu-latest
-    
-    steps:
-      - uses: actions/checkout@v4
-      
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Install Playwright Browsers
-        run: npx playwright install chromium
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Run mobile tests
-        run: npx playwright test --project='Mobile Chrome' --project='Mobile Safari'
-
-      - name: Upload mobile test results
-        uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: mobile-test-results
-          path: |
-            playwright-report/
-          retention-days: 7
-
-  report:
-    if: always()
-    needs: [test, accessibility-test, visual-regression, mobile-test]
-    runs-on: ubuntu-latest
-    
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Download all artifacts
-        uses: actions/download-artifact@v4
-        with:
-          path: artifacts
-
-      - name: Generate consolidated report
-        run: |
-          echo "# Test Results Summary" > test-summary.md
-          echo "" >> test-summary.md
-          echo "## Browser Tests" >> test-summary.md
-          for browser in chromium firefox webkit; do
-            if [ -d "artifacts/playwright-results-$browser" ]; then
-              echo "- ✅ $browser tests completed" >> test-summary.md
-            else
-              echo "- ❌ $browser tests failed" >> test-summary.md
-            fi
-          done
-          echo "" >> test-summary.md
-          echo "## Accessibility Tests" >> test-summary.md
-          if [ -d "artifacts/accessibility-results" ]; then
-            echo "- ✅ Accessibility tests completed" >> test-summary.md
-          else
-            echo "- ❌ Accessibility tests failed" >> test-summary.md
-          fi
-          echo "" >> test-summary.md
-          echo "## Visual Regression Tests" >> test-summary.md
-          if [ -d "artifacts/visual-regression-results" ]; then
-            echo "- ✅ Visual regression tests completed" >> test-summary.md
-          else
-            echo "- ❌ Visual regression tests failed" >> test-summary.md
-          fi
-          echo "" >> test-summary.md
-          echo "## Mobile Tests" >> test-summary.md
-          if [ -d "artifacts/mobile-test-results" ]; then
-            echo "- ✅ Mobile tests completed" >> test-summary.md
-          else
-            echo "- ❌ Mobile tests failed" >> test-summary.md
-          fi
-
-      - name: Convert markdown to HTML
-        run: |
-          npm install -g markdown-cli
-          npx markdown-cli test-summary.md > test-summary.html
-      - name: Upload consolidated report
-        uses: actions/upload-artifact@v4
-        with:
-          name: consolidated-test-report
-          path: |
-            test-summary.md
-            test-summary.html
+name: Playwright Tests
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [develop]
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    
+    strategy:
+      matrix:
+        browser: [chromium, firefox, webkit]
+      fail-fast: false
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps ${{ matrix.browser }}
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Serve Storybook and run tests
+        run: npx playwright test --project=${{ matrix.browser }}
+
+      - name: Upload test results
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-results-${{ matrix.browser }}
+          path: |
+            playwright-report/
+          retention-days: 7
+
+  accessibility-test:
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+      
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install chromium
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Run accessibility tests
+        run: npx playwright test --grep 'accessibility|Accessibility' --project=chromium
+
+      - name: Upload accessibility results
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: accessibility-results
+          path: |
+            playwright-report/
+          retention-days: 7
+
+  visual-regression:
+    timeout-minutes: 45
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+      
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install chromium
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Run visual regression tests
+        run: npx playwright test tests/e2e/visual-regression.spec.ts --project=chromium
+
+      - name: Upload visual test results
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: visual-regression-results
+          path: |
+            playwright-report/
+          retention-days: 7
+
+  mobile-test:
+    timeout-minutes: 45
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+      
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install chromium
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Run mobile tests
+        run: npx playwright test --project='Mobile Chrome' --project='Mobile Safari'
+
+      - name: Upload mobile test results
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: mobile-test-results
+          path: |
+            playwright-report/
+          retention-days: 7
+
+  report:
+    if: always()
+    needs: [test, accessibility-test, visual-regression, mobile-test]
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          path: artifacts
+
+      - name: Generate consolidated report
+        run: |
+          echo "# Test Results Summary" > test-summary.md
+          echo "" >> test-summary.md
+          echo "## Browser Tests" >> test-summary.md
+          for browser in chromium firefox webkit; do
+            if [ -d "artifacts/playwright-results-$browser" ]; then
+              echo "- ✅ $browser tests completed" >> test-summary.md
+            else
+              echo "- ❌ $browser tests failed" >> test-summary.md
+            fi
+          done
+          echo "" >> test-summary.md
+          echo "## Accessibility Tests" >> test-summary.md
+          if [ -d "artifacts/accessibility-results" ]; then
+            echo "- ✅ Accessibility tests completed" >> test-summary.md
+          else
+            echo "- ❌ Accessibility tests failed" >> test-summary.md
+          fi
+          echo "" >> test-summary.md
+          echo "## Visual Regression Tests" >> test-summary.md
+          if [ -d "artifacts/visual-regression-results" ]; then
+            echo "- ✅ Visual regression tests completed" >> test-summary.md
+          else
+            echo "- ❌ Visual regression tests failed" >> test-summary.md
+          fi
+          echo "" >> test-summary.md
+          echo "## Mobile Tests" >> test-summary.md
+          if [ -d "artifacts/mobile-test-results" ]; then
+            echo "- ✅ Mobile tests completed" >> test-summary.md
+          else
+            echo "- ❌ Mobile tests failed" >> test-summary.md
+          fi
+
+      - name: Convert markdown to HTML
+        run: |
+          npm install -g markdown-cli
+          npx markdown-cli test-summary.md > test-summary.html
+      - name: Upload consolidated report
+        uses: actions/upload-artifact@v4
+        with:
+          name: consolidated-test-report
+          path: |
+            test-summary.md
+            test-summary.html
           retention-days: 30

package/.github/workflows/static.yml

@@ -1,62 +1,62 @@
-# .github/workflows/deploy-github-pages.yaml
-
-# Workflow name
-name: Build and Publish Storybook to GitHub Pages
-
-on:
-  push:
-    branches: [develop]
-  pull_request:
-    branches: [develop]
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
-concurrency:
-  group: "pages"
-  cancel-in-progress: false
-
-jobs:
-  # Build job
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          cache: 'npm'
-          
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-        
-      - name: Install dependencies
-        run: npm ci
-        
-      - name: Build Storybook
-        run: npm run build-storybook
-        
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./storybook-static
-
-  # Deployment job
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    if: github.ref == 'refs/heads/develop' && github.event_name == 'push'
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
+# .github/workflows/deploy-github-pages.yaml
+
+# Workflow name
+name: Build and Publish Storybook to GitHub Pages
+
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [develop]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        
+      - name: Install dependencies
+        run: npm ci
+        
+      - name: Build Storybook
+        run: npm run build-storybook
+        
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./storybook-static
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.ref == 'refs/heads/develop' && github.event_name == 'push'
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
         uses: actions/deploy-pages@v4

package/.github/workflows/update-snapshots.yml

@@ -1,38 +1,38 @@
-name: Visual Regression Snapshots
-
-on:
-  workflow_dispatch:
-
-jobs:
-  update-snapshots:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 18
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Run visual regression tests
-        run: npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
-
-      - name: Upload updated snapshots
-        if: always()
-        uses: actions/upload-artifact@v4
-        with:
-          name: visual-snapshots
-          path: | 
-            tests/e2e/
-            playwright-report/
-          # <-- this is exactly where your pathTemplate points,
+name: Visual Regression Snapshots
+
+on:
+  workflow_dispatch:
+
+jobs:
+  update-snapshots:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
+      - name: Build Storybook
+        run: npm run build-storybook
+
+      - name: Run visual regression tests
+        run: npx playwright test tests/e2e/visual-regression.spec.ts --update-snapshots
+
+      - name: Upload updated snapshots
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: visual-snapshots
+          path: | 
+            tests/e2e/
+            playwright-report/
+          # <-- this is exactly where your pathTemplate points,
           # so you’ll get all of the fresh baseline images as an artifact.

package/.prettierrc

@@ -1,5 +1,5 @@
-{
-  "singleQuote": true,
-  "printWidth": 80,
-  "tabWidth": 2
-}
+{
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2
+}

package/.storybook/main.ts

@@ -1,18 +1,18 @@
-import type { StorybookConfig } from '@storybook/vue3-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-    '@storybook/addon-docs',
-  ],
-  framework: {
-    name: '@storybook/vue3-vite',
-    options: {},
-  },
-};
-export default config;
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-onboarding',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+    '@storybook/addon-docs',
+  ],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
+  },
+};
+export default config;