build.gradle

@@ -28,23 +28,13 @@ tasks.register('coverage') {
 }
 
 tasks.register('frontendE2E', Exec) {
-    group = 'verification'
+    description = 'Run Playwright E2E tests in Docker (CI mode)'
-    description = 'Run Playwright E2E tests in Docker (same stack as Forgejo CI)'
+    workingDir = file("${rootProject.projectDir}/frontend")
-    dependsOn frontendTest
+    commandLine 'npm', 'run', 'test:e2e:ci'
-    workingDir = rootProject.projectDir
-    environment 'POSTGRES_DB', 'bilhej'
-    environment 'POSTGRES_USER', 'bilhej'
-    environment 'POSTGRES_PASSWORD', 'test_pw_ci_123'
-    environment 'JWT_SECRET', 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
-    environment 'STRIPE_SECRET_KEY', 'sk_test_fake'
-    environment 'STRIPE_WEBHOOK_SECRET', 'whsec_fake'
-    environment 'STRIPE_PRICE_ID', 'price_fake'
-    commandLine 'docker', 'compose', '-f', 'docker-compose.e2e.yml',
-        'up', '--build', '--abort-on-container-exit', '--exit-code-from', 'playwright'
 }
 
 tasks.named('check').configure {
-    dependsOn frontendLint, frontendTest, frontendE2E
+    dependsOn frontendLint, frontendTest
 }
 
 tasks.register('up', Exec) {

frontend/package.json

@@ -13,7 +13,7 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "test:e2e": "playwright test",
-    "test:e2e:ci": "docker compose -f ../docker-compose.e2e.yml up --build --abort-on-container-exit --exit-code-from playwright"
+    "test:e2e:ci": "docker compose -f ../docker-compose.ci.yml up --build --abort-on-container-exit --exit-code-from playwright"
   },
   "dependencies": {
     "pinia": "^3.0.4",

frontend/src/pages/AdminPage.vue

@@ -13,9 +13,9 @@ const loading = ref(true)
 const error = ref('')
 const statusError = ref('')
 const trackingError = ref('')
-const activeFilter = ref<
+const activeFilter = ref<'all' | 'processing' | 'paid_group' | 'pending_payment'>(
-  'all' | 'processing' | 'paid_group' | 'pending_payment'
+  'all',
->('all')
+)
 const searchQuery = ref('')
 const trackingInputValues = reactive<Record<string, string>>({})
 const messageModalOrder = ref<AdminOrder | null>(null)

frontend/src/pages/OrdersPage.vue

@@ -87,9 +87,7 @@ onMounted(async () => {
 
         <div class="orders__card-meta">
           <span class="orders__meta-label">Beställnings-ID</span>
-          <span class="orders__meta-value orders__order-id">{{
+          <span class="orders__meta-value orders__order-id">{{ order.id }}</span>
-            order.id
-          }}</span>
 
           <span class="orders__meta-label">Meddelande</span>
           <span class="orders__meta-value orders__message">{{