Add branch info to browserstack runs (#935)

.github/workflows/e2e.yml

@@ -18,6 +18,14 @@ jobs:
       - name: Check out repo
         uses: actions/checkout@v2
 
+      - name: Get branch and commit
+        id: gitinfo
+        run: |
+          if [ -n "${{ github.event.pull_request.head.sha }}" ]; \
+          then echo "::set-output name=shapr::$(echo ${{ github.event.pull_request.head.sha }} | cut -c -7) - #${{ github.event.pull_request.number }}"; \
+          else echo "::set-output name=shapr::$(echo ${{ github.sha }} | cut -c -7)"; fi
+          echo "::set-output name=branch::${GITHUB_HEAD_REF:-main}"
+
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
         run: echo "::set-output name=dir::$(yarn cache dir)"
@@ -36,6 +44,9 @@ jobs:
         with:
           node-version: 14
 
+      - name: Install sponge utility
+        run: sudo apt-get install -yqq moreutils
+
       - name: Install dependencies
         run: yarn install --frozen-lockfile --prefer-offline
 
@@ -45,6 +56,9 @@ jobs:
       - name: Start http server
         run: yarn serve:build &
 
+      - name: Set BrowserStack config values
+        run: jq '.run_settings.build_name = "${{ steps.gitinfo.outputs.shapr }} - ${{ steps.gitinfo.outputs.branch }}"' browserstack.json | sponge browserstack.json
+
       - name: Set up BrowserStack environment
         uses: 'browserstack/github-actions/setup-env@master'
         with:
@@ -57,10 +71,8 @@ jobs:
           local-testing: start
           local-identifier: random
 
-      - name: enable cypress videos
+      - name: Enable cypress videos
-        run: |
+        run: jq '.video = true' cypress.json | sponge cypress.json
-          sudo apt-get install moreutils -yqq
-          jq '.video = true' cypress.json | sponge cypress.json
 
       - name: Run BrowserStack Tests
         run: yarn run cy:browserstack

README.md

@@ -10,7 +10,6 @@ SPDX-License-Identifier: CC-BY-SA-4.0
 ![e2e](https://github.com/hedgedoc/react-client/workflows/e2e/badge.svg)
 ![lint](https://github.com/hedgedoc/react-client/workflows/lint/badge.svg)
 ![lint](https://github.com/hedgedoc/react-client/workflows/lint/badge.svg)
-[![BrowserStack Status](https://automate.browserstack.com/badge.svg?badge_key=UFp1ZTdJdHVMZTF2UEZCcmdZR1QwQzJSSVQyZHJMNFZQcVovRm5XbVVBWT0tLTNpWlFPV0hhai9vSzFTQ2xha3JzbVE9PQ==--b54f8953f94b792980183a46a302ebc15647f0ef)](https://automate.browserstack.com/public-build/UFp1ZTdJdHVMZTF2UEZCcmdZR1QwQzJSSVQyZHJMNFZQcVovRm5XbVVBWT0tLTNpWlFPV0hhai9vSzFTQ2xha3JzbVE9PQ==--b54f8953f94b792980183a46a302ebc15647f0ef)
 
 This is the new, improved and better looking frontend for HedgeDoc 2.0.
 Our goal is to recreate the current frontend in react and to improve it.

browserstack.json

@@ -18,8 +18,8 @@
     "run_settings": {
         "cypress_version": "6.2.0",
         "cypress_config_file": "./cypress.json",
-        "project_name": "HedgeDoc",
+        "build_name": "",
-        "build_name": "build-name",
+        "project_name": "hedgedoc/react-client",
         "exclude": [],
         "parallels": "5",
         "npm_dependencies": {