load envs to browser in pw tests

18932201 · tom · 87da6184 · 18932201 · 18932201 · 18932201
Commit 18932201 authored Nov 21, 2022 by tom
Showing with 51 additions and 1 deletion

.gitignore .gitignore +2 -0

.env.pw configs/envs/.env.pw +12 -0

package.json package.json +1 -1

index.html playwright/index.html +1 -0

make-envs-script.sh playwright/make-envs-script.sh +35 -0

No files found.
--- a/.gitignore
+++ b/.gitignore
@@ -46,3 +46,5 @@ yarn-error.log*
 /test-results/
 /playwright-report/
 /playwright/.cache/
+/playwright/.browser/
+/playwright/envs.js
--- a/configs/envs/.env.pw
+++ b/configs/envs/.env.pw
+# app config
+NEXT_PUBLIC_APP_HOST=blockscout.com
+NEXT_PUBLIC_APP_INSTANCE=pw
+NEXT_PUBLIC_APP_ENV=testing
+
+# ui config
+NEXT_PUBLIC_BLOCKSCOUT_VERSION=v4.1.7-beta
+NEXT_PUBLIC_FOOTER_GITHUB_LINK=https://github.com/blockscout/blockscout
+NEXT_PUBLIC_FOOTER_TWITTER_LINK=https://www.twitter.com/blockscoutcom
+
+# api config
+NEXT_PUBLIC_API_HOST=blockscout.com
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
    "lint:tsc": "./node_modules/.bin/tsc -p ./tsconfig.json",
    "prepare": "husky install",
    "format-svg": "./node_modules/.bin/svgo -r ./icons",
-    "test:pw": "playwright test -c playwright-ct.config.ts",
+    "test:pw": "./playwright/make-envs-script.sh && playwright test -c playwright-ct.config.ts",
    "test:pw:docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.28.0-focal ./playwright/run-tests.sh",
    "test:jest": "jest",
    "test:jest:watch": "jest --watch"

--- a/playwright/index.html
+++ b/playwright/index.html
@@ -7,6 +7,7 @@
  </head>
  <body>
    <div id="root"></div>
+    <script type="module" src="/playwright/envs.js"></script>
    <script type="module" src="/playwright/index.ts"></script>
  </body>
 </html>
--- a/playwright/make-envs-script.sh
+++ b/playwright/make-envs-script.sh
+#!/bin/bash
+
+targetFile='./playwright/envs.js'
+
+declare -a envFiles=('./configs/envs/.env.pw' './configs/envs/.env.poa_core')
+
+touch $targetFile;
+truncate -s 0 $targetFile;
+
+echo "Creating script file with envs"
+
+echo "window.process = { env: { } };" >> $targetFile;
+
+for envFile in "${envFiles[@]}"
+do
+    # read each env file
+    while read line; do
+        # if it is a comment or an empty line, continue to next one
+        if [ "${line:0:1}" == "#" ] || [ "${line}" == "" ]; then
+            continue
+        fi
+
+        # split by "=" sign to get variable name and value
+        configName="$(cut -d'=' -f1 <<<"$line")";
+        configValue="$(cut -d'=' -f2- <<<"$line")";
+
+        # if there is a value, escape it and add line to target file
+        if [ -n "$configValue" ]; then
+            escapedConfigValue=$(echo $configValue | sed s/\'/\"/g);
+            echo "window.process.env.${configName} = '${escapedConfigValue}';" >> $targetFile;
+        fi
+    done < $envFile
+done
+
+echo "Done"
\ No newline at end of file