Release/v7.0.0

.env.example

@@ -1,2 +1,8 @@
+# For running the UI against the API
 NEXT_PUBLIC_API_URL=
-NEXT_PUBLIC_API_URL_PROXY=
+NEXT_PUBLIC_API_URL_PROXY=
+
+# For running the playwright tests
+DOMAIN=
+RESOURCE_PREFIX=
+AWS_REGION=

.eslintrc.json

@@ -5,37 +5,69 @@
     "plugin:jest-dom/recommended",
     "prettier"
   ],
-  "plugins": ["@typescript-eslint", "testing-library", "jest-dom"],
+  "plugins": [
+    "@typescript-eslint",
+    "testing-library",
+    "jest-dom"
+  ],
   "rules": {
     "prefer-const": 0,
     "react/jsx-uses-vars": 1,
     "react/jsx-uses-react": 1,
     "strict": 0,
-    "no-console": ["warn", { "allow": ["error", "info"] }],
+    "no-console": [
+      "warn",
+      {
+        "allow": [
+          "error",
+          "info"
+        ]
+      }
+    ],
     "no-unused-vars": "off",
     "no-debugger": "off",
     "no-extra-semi": 0,
-    "react/no-unescaped-entities": ["error", { "forbid": [">", "}"] }],
+    "react/no-unescaped-entities": [
+      "error",
+      {
+        "forbid": [
+          ">",
+          "}"
+        ]
+      }
+    ],
     "@typescript-eslint/no-extra-semi": 0,
     "@typescript-eslint/explicit-function-return-type": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/no-explicit-any": "warn",
     "@typescript-eslint/no-unused-vars": [
       "warn",
-      { "args": "all", "argsIgnorePattern": "^_" }
+      {
+        "args": "all",
+        "argsIgnorePattern": "^_"
+      }
     ]
   },
-  "ignorePatterns": ["node_modules", "build", "public"],
+  "ignorePatterns": [
+    "node_modules",
+    "build",
+    "public"
+  ],
   "overrides": [
     {
       // only run testling library linting on test files not entire codebase
-      "files": ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
-      "extends": ["plugin:testing-library/react"],
+      "files": [
+        "**/__tests__/**/*.[jt]s?(x)",
+        "**/?(*.)+(spec|test).[jt]s?(x)"
+      ],
+      "extends": [
+        "plugin:testing-library/react"
+      ],
       "rules": {
         "react/display-name": 0,
         "testing-library/no-container": "warn",
         "testing-library/no-node-access": "warn"
       }
     }
   ]
-}
+}

.github/workflows/ui-tests.yml

@@ -0,0 +1,37 @@
+name: rAPId Integration Tests
+
+on:
+  push:
+    branches:
+      - "**"
+
+  workflow_dispatch:
+
+  pull_request:
+    types:
+      - opened
+
+jobs:
+
+  run-ui-test:
+    runs-on: self-hosted
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 19
+
+      - name: Install packages
+        run: make npm-setup
+
+      - name: Install playwright browsers
+        run: npx playwright install-deps && npx playwright install
+
+      - name: run playwright tests
+        run: npx playwright test playwright
+        env:
+          DOMAIN: ${{ secrets.DOMAIN }}
+          RESOURCE_PREFIX: ${{ secrets.RESOURCE_PREFIX }}
+          AWS_REGION: ${{ secrets.AWS_REGION }}

.gitignore

@@ -28,6 +28,7 @@ yarn-error.log*
 # local env files
 .env*.local
 .env
+.secrets
 
 /public/__ENV.js
 
@@ -38,4 +39,6 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-*.zip
+*.zip
+playwright/.auth
+playwright/.downloads

Makefile

@@ -8,12 +8,8 @@ LATEST_COMMIT_HASH=$(shell git rev-parse --short HEAD)
 ZIP_PATH=$(IMAGE_NAME)-$(LATEST_COMMIT_HASH)
 
 LATEST_TAG=$(shell gh api /repos/no10ds/rapid-ui/releases/latest | jq -r ".tag_name")
-ifeq ($(LATEST_TAG), null)
-	TAG_NAME="$(IMAGE_NAME)-$(LATEST_COMMIT_HASH)"
-else
-	TAG_NAME="$(LATEST_TAG)-dev-$(LATEST_COMMIT_HASH)"
-endif
 
+TAG_NAME="$(IMAGE_NAME)-$(LATEST_COMMIT_HASH)"
 help:	## List targets and description
 	@fgrep -h "##" $(MAKEFILE_LIST) | fgrep -v fgrep | sed -e 's/\\$$//' | sed -e 's/##//'
 

jest.config.js

@@ -18,7 +18,8 @@ const customJestConfig = {
     '<rootDir>/.next/',
     '<rootDir>/node_modules/',
     '<rootDir>/coverage',
-    '<rootDir>/dist'
+    '<rootDir>/dist',
+    '<rootDir>/playwright'
   ],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1'