SITES-26731 Add e2e tests

.github/workflows/e2e-tests.yml

@@ -0,0 +1,61 @@
+name: E2E Tests
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  e2e-tests:
+    name: Run E2E Tests with TestCafe
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        host-app-version: [ "0.8.0", "0.8.1", "0.8.2", "0.8.3", "0.8.4", "0.8.5", "0.9.0", "0.9.1", "0.9.2", "0.10.0","0.10.1", "0.10.2","0.10.3","0.10.4", "latest" ]
+        guest-app-version: [ "0.8.0", "0.8.1", "0.8.2", "0.8.3", "0.8.4", "0.8.5", "0.9.0", "0.9.1", "0.9.2", "0.10.0","0.10.1", "0.10.2","0.10.3","0.10.4", "latest" ]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18' # Adjust this as per project requirements
+
+      - name: Install Dependencies for Host App
+        working-directory: e2e/host-app
+        run: |
+          npm install @adobe/uix-host-react@${{ matrix.host-app-version }}
+          npm install
+
+      - name: Install Dependencies for Guest App
+        working-directory: e2e/guest-app
+
+        run: |
+          npm install @adobe/uix-guest@${{ matrix.guest-app-version }}
+          npm install
+
+      - name: Start Host App
+        working-directory: e2e/host-app
+        run: |
+          npm start &
+
+      - name: Start Guest App
+        working-directory: e2e/guest-app
+        run: |
+          npm start &
+
+      - name: Wait for Applications to be Ready
+        run: |
+          echo "Waiting for services to start..."
+          sleep 10 # Adjust the time based on how long the apps take to start
+
+      - name: Run E2E Tests with TestCafe
+        working-directory: e2e/e2e-tests
+        run: |
+          npm install
+          npm test
+
+

e2e/.gitignore

@@ -0,0 +1 @@
+.idea

e2e/README.md

@@ -0,0 +1,35 @@
+# UIX SDK end-to-end tests
+
+To run the end-to-end tests locally, you need to do the following:
+
+- cd to host-app folder
+```bash
+npm install
+npm start
+```
+
+- cd to guest-app folder
+```bash
+npm install
+npm start
+```
+
+- cd to e2e-tests folder
+```bash
+npm install
+npm test
+```
+
+The end-to-end tests will run, and you will see the results in the console.
+
+The host-app and guest-app have the last version of the sdk installed.
+
+To test any new version of the sdk, you need to update the matrix in the `root/.github/workflows/e2e-tests.yml` file adding the new version.
+
+```yaml
+    strategy:
+      matrix:
+        host-app-version: [ "0.8.0", "0.8.1", "0.8.2", "0.8.3", "0.8.4", "0.8.5", "0.9.0", "0.9.1", "0.9.2", "0.10.0","0.10.1", "0.10.2","0.10.3","0.10.4", "latest" ]
+        guest-app-version: [ "0.8.0", "0.8.1", "0.8.2", "0.8.3", "0.8.4", "0.8.5", "0.9.0", "0.9.1", "0.9.2", "0.10.0","0.10.1", "0.10.2","0.10.3","0.10.4", "latest" ]
+
+```

e2e/e2e-tests/.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+/artifacts
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

e2e/e2e-tests/.testcaferc.json

@@ -0,0 +1,20 @@
+{
+  "src": "./tests/**/*.js",
+  "browsers": ["chrome:headless"],
+  "baseUrl": "http://localhost:3000",
+  "hostname": "localhost",
+  "screenshots": {
+    "path": "./artifacts/screenshots/",
+    "takeOnFails": true,
+    "fullPage": true
+  },
+  "reporter": "spec",
+  "speed": 0.2,
+  "debugMode": false,
+  "debugOnFail": true,
+  "stopOnFirstFail": true,
+  "selectorTimeout": 5000,
+  "assertionTimeout": 10000,
+  "pageLoadTimeout": 10000,
+  "pageRequestTimeout": 80000
+}