Add Playwright configuration and initial test for cookie consent functionality

Author: Lukecsharpwalker

.gitignore

@@ -47,3 +47,8 @@ Thumbs.db
 .runtimeconfig.json
 adminSdkConf.json
 
+
+# Playwright
+/test-results/
+/playwright-report/
+/playwright/.cache/

angular.json

@@ -127,6 +127,20 @@
             ],
             "scripts": []
           }
+        },
+        "e2e": {
+          "builder": "playwright-ng-schematics:playwright",
+          "options": {
+            "devServerTarget": "angularblogapp:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "angularblogapp:serve:production"
+            },
+            "local": {
+              "devServerTarget": "angularblogapp:serve:local"
+            }
+          }
         }
       }
     }

e2e/example.spec.ts

@@ -0,0 +1,19 @@
+import { expect, test } from '@playwright/test';
+
+test('has title and handles cookie consent', async ({ page }) => {
+  await page.goto('/');
+  await expect(page).toHaveTitle(/AngularBlogApp/);
+
+  const cookieConsentDialog = page
+    .getByLabel('Cookie Consent')
+    .locator('div')
+    .filter({ hasText: 'Cookie Consent Consent' })
+    .nth(1);
+
+  await expect(cookieConsentDialog).toBeVisible();
+
+  const allowAllButton = page.getByRole('button', { name: 'Allow All' });
+  await allowAllButton.click();
+
+  await expect(cookieConsentDialog).not.toBeVisible();
+});

e2e/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../tsconfig.json",
+  "include": ["./**/*.ts"]
+}