modified ms playwright config to add ms entra id as authentication

Author: anu-01

.github/workflows/msplaywright.yml

@@ -1,35 +1,45 @@
 name: Microsoft Playwright Tests in Azure
 on:
   workflow_dispatch:
-     
+
+permissions: # Required when using Microsoft Entra ID to authenticate
+    id-token: write
+    contents: read
+
 jobs:
-  test:
-    timeout-minutes: 60
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-      with:
-        node-version: lts/*
-    - name: Install dependencies
-      working-directory: . # update accordingly
-      run: |
-        npm ci
-        npm install --save dotenv       
-      
-    - name: Run Playwright tests
-      working-directory: . # update accordingly
-      env:
-        # Access token and regional endpoint for Microsoft Playwright Testing
-        PLAYWRIGHT_SERVICE_ACCESS_TOKEN: ${{ secrets.PLAYWRIGHT_SERVICE_ACCESS_TOKEN }}
-        PLAYWRIGHT_SERVICE_URL: ${{ secrets.PLAYWRIGHT_SERVICE_URL }}
-        PLAYWRIGHT_SERVICE_RUN_ID: ${{ github.run_id }}-${{ github.run_attempt }}-${{ github.sha }}
-      run: npx playwright test -c playwright.service.config.ts --workers=20
+    test:
+      timeout-minutes: 60
+      runs-on: ubuntu-latest
+      steps:
+        - uses: actions/checkout@v4
+
+        - name: Login to Azure with AzPowershell (enableAzPSSession true)
+          uses: azure/login@v2
+          with:
+            client-id: ${{ secrets.AZURE_CLIENT_ID }} # GitHub Open ID connect values copied in previous steps
+            tenant-id: ${{ secrets.AZURE_TENANT_ID }}
+            subscription-id: ${{ secrets.AZURE_SUBSCRIPTION_ID }}
+            enable-AzPSSession: true
+
+        - name: Install dependencies
+          working-directory: path/to/playwright/folder # update accordingly
+          run: npm ci
+
+        - name: Run Playwright tests
+          working-directory: path/to/playwright/folder # update accordingly
+          env:
+            # Regional endpoint for Microsoft Playwright Testing
+            PLAYWRIGHT_SERVICE_URL: ${{ secrets.PLAYWRIGHT_SERVICE_URL }}
+            # PLAYWRIGHT_SERVICE_ACCESS_TOKEN: ${{ secrets.PLAYWRIGHT_SERVICE_ACCESS_TOKEN }} # Not recommended, use Microsoft Entra ID authentication. 
+          run: npx playwright test -c playwright.service.config.ts --workers=20
+
+        - name: Upload Playwright report
+          uses: actions/upload-artifact@v3
+          if: always()
+          with:
+            name: playwright-report
+            path: playwright-report # update accordingly
+            retention-days: 10
+
 
-    - name: Upload Playwright report
-      uses: actions/upload-artifact@v3
-      if: always()
-      with:
-        name: playwright-report
-        path: playwright-report # update accordingly
-        retention-days: 10
+

playwright.config.ts

@@ -50,6 +50,8 @@ export default defineConfig({
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
+    video:'retain-on-failure',
+    screenshot:'on'
   },
 
   /* Configure projects for major browsers */