Hook up circle ci and jira

.circleci/config.yml

@@ -6,10 +6,16 @@ orbs:
 parameters:
   testEnvironment:
     type: string
-    default: 'qa1'
+    default: 'qa2'
   testExecKey:
     type: string
     default: 'none'
+  testTags:
+    type: string
+    default: ''
+  xrayProjectKey:
+    type: string
+    default: 'SAND'
 jobs:
   code-quality-check:
     working_directory: ~/tidepool-org/webuitests
@@ -33,15 +39,19 @@ jobs:
   test:
     working_directory: ~/tidepool-org/webuitests
     docker:
-      - image: mcr.microsoft.com/playwright:v1.54.1-noble
+      - image: mcr.microsoft.com/playwright:v1.57.0-noble
     parallelism: 4
-    environment:
-      TEST_EXECUTION_KEY: << pipeline.parameters.testExecKey >>
-      TARGET_ENV: << pipeline.parameters.testEnvironment >>
     steps:
       - checkout
       - node/install
       - run: node --version
+      # Pipeline parameters always take precedence over project-level env vars
+      - run:
+          name: Set environment variables
+          command: |
+            echo "export TARGET_ENV=\"<< pipeline.parameters.testEnvironment >>\"" >> $BASH_ENV
+            echo "export TEST_EXECUTION_KEY=\"<< pipeline.parameters.testExecKey >>\"" >> $BASH_ENV
+            echo "export TEST_TAGS=\"<< pipeline.parameters.testTags >>\"" >> $BASH_ENV
       - restore_cache:
           keys:
             - dependency-cache-{{ checksum "package.json" }}
@@ -57,67 +67,109 @@ jobs:
           name: Install Playwright Dependencies
           command: npx playwright install --with-deps
 
-      # Run tests with parallel execution
+      # Run tests with parallel execution and optional tag filtering
       - run:
           name: Run Playwright Tests
-          command: npm run test --shard=$CIRCLE_NODE_INDEX/$CIRCLE_NODE_TOTAL
+          command: |
+            SHARD_ARG="--shard=$((CIRCLE_NODE_INDEX + 1))/$CIRCLE_NODE_TOTAL"
+            if [ -n "$TEST_TAGS" ]; then
+              TAG=$(echo "$TEST_TAGS" | tr '[:upper:]' '[:lower:]')
+              [[ "$TAG" != @* ]] && TAG="@${TAG}"
+              npm test -- $SHARD_ARG --grep "$TAG"
+            else
+              npm test -- $SHARD_ARG
+            fi
 
       # Store test results and artifacts
       - store_artifacts:
           path: playwright-report
       - store_artifacts:
           path: test-results
-      - store_test_results:
-          path: test-output/test-results.xml
-      # Commit workflow notifications - basic templates for all branches
-      - slack/notify:
-          event: fail
-          mentions: '<@UG56AQFK2>'
-          template: basic_fail_1
-      - slack/notify:
-          event: pass
-          branch_pattern: main
-          template: basic_success_1
-      - slack/notify:
-          event: pass
-          branch_pattern: /^(?!main$).*/
-          template: basic_success_1
-      - unless:
+
+      # Only send notifications from the first node to avoid duplicates
+      - when:
           condition:
-            and:
-              - equal: ['testParallel', << pipeline.parameters.testEnvironment >>]
+            equal: ["0", "${CIRCLE_NODE_INDEX}"]
           steps:
-            - run:
-                name: Gather Test Evidence
-                command: node utilities/browserstackEvidenceDownload.js
-                when: always
-            - run:
-                name: Get API token
-                command: |
-                  echo export token=$(curl -H "Content-Type: application/json" -X POST --data "{ \"client_id\": \"$CLIENT_ID\",\"client_secret\": \"$CLIENT_SECRET\" }" https://xray.cloud.getxray.app/api/v1/authenticate| tr -d '"') >> $BASH_ENV
-                  source $BASH_ENV
-                when: always
-            - run:
-                name: Send Results to XRAY
-                command: 'curl -H "Content-Type: text/xml" -H "Authorization: Bearer $token" --data @test-output/test-results.xml  "https://xray.cloud.getxray.app/api/v1/import/execution/junit?testExecKey=<< pipeline.parameters.testExecKey >>"'
-                when: always
-            - run:
-                name: Add Test Evidence to JIRA
-                command: node utilities/sendTestEvidenceToJira.js
-                when: always
+            - slack/notify:
+                event: fail
+                branch_pattern: main
+                mentions: '<@UG56AQFK2>'
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": ":x: *Tidepool Web UI Tests Failed on Main Branch* \n\n:link: <${CIRCLE_BUILD_URL}|View Build Details>"
+                        }
+                      }
+                    ]
+                  }
+            - slack/notify:
+                event: pass
+                branch_pattern: main
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": ":white_check_mark: *Tidepool Web UI Tests Passed on Main Branch* \n\n:link: <${CIRCLE_BUILD_URL}|View Build Details>"
+                        }
+                      }
+                    ]
+                  }
+            - slack/notify:
+                event: fail
+                branch_pattern: develop
+                mentions: '<@UG56AQFK2>'
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": ":x: *Tidepool Web UI Tests Failed on Develop Branch* \n\n:link: <${CIRCLE_BUILD_URL}|View Build Details>"
+                        }
+                      }
+                    ]
+                  }
+            - slack/notify:
+                event: pass
+                branch_pattern: develop
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": ":white_check_mark: *Tidepool Web UI Tests Passed on Develop Branch* \n\n:link: <${CIRCLE_BUILD_URL}|View Build Details>"
+                        }
+                      }
+                    ]
+                  }
 
   scheduled-test:
     working_directory: ~/tidepool-org/webuitests
     docker:
-      - image: mcr.microsoft.com/playwright:v1.54.1-noble
+      - image: mcr.microsoft.com/playwright:v1.57.0-noble
     parallelism: 4
-    environment:
-      TEST_EXECUTION_KEY: << pipeline.parameters.testExecKey >>
-      TARGET_ENV: << pipeline.parameters.testEnvironment >>
     steps:
       - checkout
       - node/install
       - run: node --version
+      # Pipeline parameters always take precedence over project-level env vars
+      - run:
+          name: Set environment variables
+          command: |
+            echo "export TARGET_ENV=\"<< pipeline.parameters.testEnvironment >>\"" >> $BASH_ENV
+            echo "export TEST_EXECUTION_KEY=\"<< pipeline.parameters.testExecKey >>\"" >> $BASH_ENV
+            echo "export TEST_TAGS=\"<< pipeline.parameters.testTags >>\"" >> $BASH_ENV
       - restore_cache:
           keys:
             - dependency-cache-{{ checksum "package.json" }}
@@ -133,109 +185,72 @@ jobs:
           name: Install Playwright Dependencies
           command: npx playwright install --with-deps
 
-      # Run tests with parallel execution
+      # Run tests with parallel execution and optional tag filtering
       - run:
           name: Run Playwright Tests
-          command: npm run test --shard=$CIRCLE_NODE_INDEX/$CIRCLE_NODE_TOTAL
+          command: |
+            SHARD_ARG="--shard=$((CIRCLE_NODE_INDEX + 1))/$CIRCLE_NODE_TOTAL"
+            if [ -n "$TEST_TAGS" ]; then
+              TAG=$(echo "$TEST_TAGS" | tr '[:upper:]' '[:lower:]')
+              [[ "$TAG" != @* ]] && TAG="@${TAG}"
+              npm test -- $SHARD_ARG --grep "$TAG"
+            else
+              npm test -- $SHARD_ARG
+            fi
 
       # Store test results and artifacts
       - store_artifacts:
           path: playwright-report
       - store_artifacts:
           path: test-results
-      - store_test_results:
-          path: test-output/test-results.xml
-
-      - run:
-          name: Install xmllint
-          command: apt-get update && apt-get install -y libxml2-utils
-          when: always
-
-      # Parse test results for detailed Slack notification
-      - run:
-          name: Parse Test Results
-          command: |
-            TOTAL_TESTS=$(xmllint --xpath "string(/testsuites/@tests)" test-output/test-results.xml)
-            FAILURES=$(xmllint --xpath "string(/testsuites/@failures)" test-output/test-results.xml)
-            ERRORS=$(xmllint --xpath "string(/testsuites/@errors)" test-output/test-results.xml)
-            PASSED_TESTS=$((TOTAL_TESTS - FAILURES - ERRORS))
-            TIME=$(xmllint --xpath "string(/testsuites/@time)" test-output/test-results.xml)
-            echo "export TOTAL_TESTS=$TOTAL_TESTS" >> $BASH_ENV
-            echo "export PASSED_TESTS=$PASSED_TESTS" >> $BASH_ENV
-            echo "export FAILURES=$FAILURES" >> $BASH_ENV
-            echo "export ERRORS=$ERRORS" >> $BASH_ENV
-            echo "export TIME=$TIME" >> $BASH_ENV
-          when: always
 
-      # Detailed Slack notifications for scheduled runs
-      - slack/notify:
-          event: fail
-          mentions: '<@UG56AQFK2>'
-          custom: |
-            {
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": "*:x: Scheduled Tidepool Web UI Tests Failed* :sad_tapani: \n\n :pencil:*Summary* \n\n *$PASSED_TESTS/$TOTAL_TESTS* tests passed \n *$FAILURES* tests failed \n Total time: *$TIME* seconds"
-                  }
-                },
-                {
-                  "type": "divider"
-                },
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": ":link: *<${CIRCLE_BUILD_URL}|View CircleCI Build Details>*"
-                  }
-                }
-              ]
-            }
-      - slack/notify:
-          event: pass
-          custom: |
-            {
-              "blocks": [
-                {
-                  "type": "section",
-                  "text": {
-                    "type": "mrkdwn",
-                    "text": "*:white_check_mark: Scheduled Tidepool Web UI Tests Passed!* :catjam:  \n\n :pencil:*Summary:* \n *$PASSED_TESTS/$TOTAL_TESTS* tests passed \n Total time: *$TIME* seconds \n\n :link: *<${CIRCLE_BUILD_URL}|View CircleCI Build Details>*"
-                  }
-                }
-              ]
-            }
-
-      - unless:
+      # Only send notifications from the first node to avoid duplicates
+      - when:
           condition:
-            and:
-              - equal: ['testParallel', << pipeline.parameters.testEnvironment >>]
+            equal: ["0", "${CIRCLE_NODE_INDEX}"]
           steps:
-            - run:
-                name: Gather Test Evidence
-                command: node utilities/browserstackEvidenceDownload.js
-                when: always
-            - run:
-                name: Get API token
-                command: |
-                  echo export token=$(curl -H "Content-Type: application/json" -X POST --data "{ \"client_id\": \"$CLIENT_ID\",\"client_secret\": \"$CLIENT_SECRET\" }" https://xray.cloud.getxray.app/api/v1/authenticate| tr -d '"') >> $BASH_ENV
-                  source $BASH_ENV
-                when: always
-            - run:
-                name: Send Results to XRAY
-                command: 'curl -H "Content-Type: text/xml" -H "Authorization: Bearer $token" --data @test-output/test-results.xml  "https://xray.cloud.getxray.app/api/v1/import/execution/junit?testExecKey=<< pipeline.parameters.testExecKey >>"'
-                when: always
-            - run:
-                name: Add Test Evidence to JIRA
-                command: node utilities/sendTestEvidenceToJira.js
-                when: always
+            - slack/notify:
+                event: fail
+                mentions: '<@UG56AQFK2>'
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": "*:x: Scheduled Tidepool Web UI Tests Failed* :sad_tapani: \n\n :pencil:*Summary* \n\n *$PASSED_TESTS/$TOTAL_TESTS* tests passed \n *$FAILURES* tests failed \n Total time: *$TIME* seconds"
+                        }
+                      },
+                      {
+                        "type": "divider"
+                      },
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": ":link: *<${CIRCLE_BUILD_URL}|View CircleCI Build Details>*"
+                        }
+                      }
+                    ]
+                  }
+            - slack/notify:
+                event: pass
+                custom: |
+                  {
+                    "blocks": [
+                      {
+                        "type": "section",
+                        "text": {
+                          "type": "mrkdwn",
+                          "text": "*:white_check_mark: Scheduled Tidepool Web UI Tests Passed!* :catjam:  \n\n :pencil:*Summary:* \n *$PASSED_TESTS/$TOTAL_TESTS* tests passed \n Total time: *$TIME* seconds \n\n :link: *<${CIRCLE_BUILD_URL}|View CircleCI Build Details>*"
+                        }
+                      }
+                    ]
+                  }
 
 workflows:
   commit-workflow:
     jobs:
       - code-quality-check
-      - test:
-          requires:
-            - eslint-check
+      - test

.gitignore

@@ -5,6 +5,8 @@ tests_output
 .vscode
 vrt/diff
 vrt/latest
+build/
+dist/
 # ui
 screens
 test_evidence