[Tooling] add playwright tests into azure pipeline

.npmrc

@@ -2,3 +2,4 @@
 auto-install-peers=true
 legacy-peer-deps=true
 node-linker=hoisted
+ignore-workspace-root-check=true

apps/playwright/.env.example

@@ -2,3 +2,4 @@
 # See: https://playwright.dev/docs/test-timeouts
 #TEST_TIMEOUT=30000
 #EXPECT_TIMEOUT=5000
+#BASE_URL=http://localhost:8000

apps/playwright/playwright.config.ts

@@ -20,16 +20,21 @@ export default defineConfig({
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: [["line"], ["html", { open: "on-failure" }]],
+  reporter: process.env.CI
+    ? "line"
+    : [["line"], ["html", { open: "on-failure" }]],
   timeout: Number(process.env.TEST_TIMEOUT ?? 3 * 60 * 1000), // 3 minutes
   expect: { timeout: Number(process.env.EXPECT_TIMEOUT ?? 10000) }, // 10 seconds
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:8000",
+    baseURL: process.env.BASE_URL ?? "http://localhost:8000",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "retain-on-failure",
+
+    /* ignore HTTPS errors when sending network requests */
+    ignoreHTTPSErrors: true,
   },
 
   /* Configure projects for major browsers */

infrastructure/.npmrc

@@ -0,0 +1,3 @@
+registry=https://pkgs.dev.azure.com/tbs-sct/53c8b022-82b7-4031-88aa-0d1266fc3bf5/_packaging/TalentCloud_Custom_NPM_Feed/npm/registry/
+always-auth=true
+ignore-workspace-root-check=true

infrastructure/azure-pipelines-dev.yml

@@ -8,38 +8,80 @@ resources:
       ref: refs/heads/main
 variables:
   phpVersion: "8.2"
-
+  serviceConnectionName: "Talent Cloud Service Connection"
+  npm_config_user_config: "$(System.DefaultWorkingDirectory)/.npmrc"
+  dirResults: "$(System.DefaultWorkingDirectory)/apps/playwright/test-results"
+  resourceGroupName: "rg_tbs_talent_2_PaaS"
+  vertical: "dev"
+  storageAccountName: "sttalclddevcacstdl"
+  storageContainer: "playwright-results"
+pool:
+  name: "TBS Linux Self Hosted"
 jobs:
-  - job: build_artifact
-    displayName: Build artifact
-    pool:
-      vmImage: ubuntu-22.04
+  - job: run_playwright_tests
+    displayName: Run Playwright tests
+    timeoutInMinutes: 30
     steps:
       - checkout: self
         clean: true
         fetchDepth: 1
 
-      - script: infrastructure/bin/set_php_versions.sh ${{ variables.phpVersion }}
-        displayName: "PHP version"
+      - task: AzureCLI@2
+        displayName: "Update NPMRC Config"
+        inputs:
+          scriptType: bash
+          scriptLocation: inlineScript
+          azureSubscription: $(serviceConnectionName)
+          inlineScript: |
+            NPMRC_FILE="${{ variables.npm_config_user_config }}"
+            echo "Editing .npmrc: ${NPMRC_FILE}"
+            echo "registry=https://pkgs.dev.azure.com/tbs-sct/53c8b022-82b7-4031-88aa-0d1266fc3bf5/_packaging/TalentCloud_Custom_NPM_Feed/npm/registry/" >> "${NPMRC_FILE}"
+      - task: npmAuthenticate@0
+        displayName: "00 - NPM Authenticate"
+        name: "NPM_Authenticate"
+        inputs:
+          workingFile: $(npm_config_user_config)
 
-        # -d option to install dev dependencies and -r option to specify the root directory
-      - script: infrastructure/bin/deploy.sh -d -r $(System.DefaultWorkingDirectory)
-        displayName: Dependencies
-        env:
-          API_URI: /graphql
-          API_PROTECTED_URI: /admin/graphql
-          # We don't need Cypress in this environment, and so this avoid permission errors of installing it.
-          # See: https://docs.cypress.io/guides/getting-started/installing-cypress#Skipping-installation
-          CYPRESS_INSTALL_BINARY: 0
+      - script: echo ##vso[task.setvariable variable=NPM_CONFIG_USERCONFIG]$(npm_config_user_config)
+        displayName: "Set Custom .npmrc Location"
 
-      - task: ArchiveFiles@2
-        displayName: "Archive Files"
-        inputs:
-          rootFolderOrFile: $(System.DefaultWorkingDirectory)
-          includeRootFolder: false
-          archiveFile: "$(Build.ArtifactStagingDirectory)/Application_$(Build.BuildId).zip"
+      - script: CYPRESS_INSTALL_BINARY=/opt/cypress/13.10.0/cypress.zip pnpm install cypress
+        displayName: "Install Cypress"
 
-      - task: PublishBuildArtifacts@1
-        displayName: "Publish Artifact: gcDigitalTalent"
+      - script: pnpm install --no-frozen-lockfile
+        displayName: "Install Node.js dependencies"
+
+      - script: pnpm run build
+        displayName: "Build dependencies"
+
+      - script: npx playwright install
+        displayName: "Install Playwright browsers"
+
+      - script: pnpm run e2e:playwright:chromium
+        displayName: "Run playwright tests"
+        env:
+          CI: "true"
+          BASE_URL: "https://dev-talentcloud.tbs-sct.gc.ca"
+      - task: AzureCLI@2
+        displayName: "Copy Playwright Results to Storage"
+        condition: always()
         inputs:
-          ArtifactName: gcDigitalTalent
+          azureSubscription: $(serviceConnectionName)
+          scriptType: bash
+          scriptLocation: inlineScript
+          inlineScript: |
+            if [ ! $(which az 2> /dev/null) ]; then echo “ERROR: az cli not found” && exit 1; fi
+            DIR_SRC="${{ variables.dirResults }}"
+            echo "dirResults: ${{ variables.dirResults }}"
+            TIMESTAMP="$(date +'%Y-%m-%d %H:%M:%S')"
+            echo "Timestamp: ${TIMESTAMP}"
+            if [ -d "${DIR_SRC}" ]; then
+              SA_RG="${{ variables.resourceGroupName }}"
+              SA_NAME="${{ variables.storageAccountName }}"
+              SA_CONTAINER_NAME="${{ variables.storageContainer }}"
+              SA_CONTAINER_PATH_PREFIX="${{ variables.vertical }}/${TIMESTAMP}"
+              AZURE_STORAGE_KEY=$(az storage account keys list --resource-group "$SA_RG" --account-name "$SA_NAME" --query "[0].value" --output tsv)
+              az storage blob upload-batch --destination "${SA_CONTAINER_NAME}" --account-name "${SA_NAME}" --destination-path "${SA_CONTAINER_PATH_PREFIX}" --source "${DIR_SRC}"
+            else
+              echo "No 'test-results' directory found"
+            fi