feat(functional): Move functional tests to apps/core (#816)

* feat(functional): Move functional tests to apps/core

* chore: add changeset

* fix: Address review comments

.changeset/big-houses-protect.md

@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Move functional tests to apps/core

.github/workflows/playwright-ui.yml

@@ -28,7 +28,7 @@ jobs:
 
       - name: Install Playwright Browsers
         run: |
-          cd packages/functional
+          cd apps/core
           npx playwright install --with-deps
 
       - name: Run Playwright tests
@@ -38,12 +38,12 @@ jobs:
           TEST_ACCOUNT_EMAIL: ${{ secrets.TEST_ACCOUNT_EMAIL }}
           TEST_ACCOUNT_PASSWORD: ${{ secrets.TEST_ACCOUNT_PASSWORD }}
         run: |
-          cd packages/functional
+          cd apps/core
           npx playwright test tests/ui/ --project=tests-chromium 
 
       - uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: playwright-report
-          path: packages/functional/playwright-report/
+          path: apps/core/playwright-report/
           retention-days: 30

.github/workflows/playwright-visual-regression.yml

@@ -28,20 +28,20 @@ jobs:
 
       - name: Install Playwright Browsers
         run: |
-          cd packages/functional
+          cd apps/core
           npx playwright install chromium
 
       - name: Run Playwright tests
         env:
           PLAYWRIGHT_TEST_BASE_URL: ${{ github.event.deployment_status.target_url }}
           VERCEL_PROTECTION_BYPASS: ${{ secrets.VERCEL_PROTECTION_BYPASS_STORYBOOK }}
         run: |
-          cd packages/functional
+          cd apps/core
           npx playwright test tests/visual-regression/reactant/components/ --project=tests-chromium
 
       - uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: playwright-report
-          path: packages/functional/playwright-report/
+          path: apps/core/playwright-report/
           retention-days: 30

apps/core/.eslintrc.cjs

@@ -32,7 +32,7 @@ const config = {
       },
     ],
   },
-  ignorePatterns: ['client/generated/**/*.ts'],
+  ignorePatterns: ['client/generated/**/*.ts', 'playwright-report/**', 'test-results/**'],
 };
 
 module.exports = config;

apps/core/.gitignore

@@ -7,6 +7,9 @@
 
 # testing
 /coverage
+/test-results/
+/playwright-report/
+/playwright/.cache/
 
 # next.js
 /.next/

apps/core/package.json

@@ -42,7 +42,9 @@
   "devDependencies": {
     "@0no-co/graphqlsp": "^1.11.0",
     "@bigcommerce/eslint-config-catalyst": "workspace:^",
+    "@faker-js/faker": "^8.4.1",
     "@gql.tada/cli-utils": "^1.2.0",
+    "@playwright/test": "^1.43.1",
     "@tailwindcss/container-queries": "^0.1.1",
     "@testing-library/react": "^15.0.2",
     "@types/lodash.debounce": "^4.0.7",
@@ -52,6 +54,7 @@
     "@types/react-google-recaptcha": "^2.1.9",
     "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
+    "dotenv": "^16.4.5",
     "dotenv-cli": "^7.4.1",
     "eslint": "^8.57.0",
     "eslint-config-next": "14.1.4",

packages/functional/playwright.config.js → apps/core/playwright.config.ts

@@ -16,7 +16,7 @@ export default defineConfig({
     video: 'retain-on-failure',
     trace: 'retain-on-failure',
     extraHTTPHeaders: {
-      'x-vercel-protection-bypass': process.env.VERCEL_PROTECTION_BYPASS,
+      'x-vercel-protection-bypass': process.env.VERCEL_PROTECTION_BYPASS || '',
       'x-vercel-set-bypass-cookie': process.env.CI ? 'true' : 'false',
     },
   },

apps/core/tsconfig.json

@@ -39,11 +39,13 @@
   },
   "include": [
     "next-env.d.ts",
+    "playwright.config.ts",
     "**/*.cjs",
     "**/*.mjs",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    "tests/**/*"
   ],
   "exclude": [
     "node_modules",

docs/monorepo.md

@@ -89,7 +89,7 @@ PLAYWRIGHT_TEST_BASE_URL='https://catalyst-demo.site' || 'http://localhost:3000'
 2. Navigate to the test directory:
 
 ```shell copy
-cd packages/functional
+cd apps/core
 ```
 
 3. Run all UI tests in Chromium: