chore(repo): Serve clerk-js from verdaccio on CICD

Author: nikosdouvlis

.github/workflows/base-e2e.yml

@@ -48,6 +48,9 @@ jobs:
       - name: Install @clerk/backend in /integration
         run: |
           cd integration && npm init -y && npm install @clerk/backend && cd ..
+      - name: Install @clerk/clerk-js in os temp
+        working-directory: ${{runner.temp}}
+        run: mkdir clerk-js && cd clerk-js && npm init -y && npm install @clerk/clerk-js
       - name: Run Playwright tests
         run: ${{ inputs.SCRIPT }}
         env:

.github/workflows/ci.yml

@@ -124,8 +124,12 @@ jobs:
         working-directory: ./integration
         run: npm init -y && npm install @clerk/backend
 
+      - name: Install @clerk/clerk-js in os temp
+        working-directory: ${{runner.temp}}
+        run: mkdir clerk-js && cd clerk-js && npm init -y && npm install @clerk/clerk-js
+
       - name: Run Integration Tests
-        run: npm run test:integration:${{ matrix.test-name }}
+        run: E2E_APP_CLERK_JS_DIR=$RUNNER_TEMP npm run test:integration:${{ matrix.test-name }}
         env:
           E2E_CLERK_VERSION: 'latest'
           INTEGRATION_INSTANCE_KEYS: ${{ secrets.INTEGRATION_INSTANCE_KEYS }}

.github/workflows/nightly-checks.yml

@@ -14,7 +14,7 @@ jobs:
     needs: build
     uses: ./.github/workflows/base-e2e.yml
     with:
-      SCRIPT: 'E2E_NEXTJS_VERSION=canary npm run test:integration:nextjs'
+      SCRIPT: 'E2E_APP_CLERK_JS_DIR=$RUNNER_TEMP E2E_NEXTJS_VERSION=canary npm run test:integration:nextjs'
     secrets: inherit
 
   notify-slack:

integration/scripts/clerkJsServer.ts

@@ -14,7 +14,6 @@ export const startClerkJsHttpServer = async () => {
   if (!process.env.CI) {
     await copyClerkJsToTempDir();
   }
-  await startClerkJsHttpServer();
   return serveFromTempDir();
 };
 
@@ -37,6 +36,7 @@ const copyClerkJsToTempDir = async () => {
 };
 
 const serveFromTempDir = async () => {
+  console.log('Serving clerkJs from temp dir');
   const port = 18211;
   const serverUrl = `http://localhost:${port}`;
   const now = Date.now();
@@ -53,6 +53,7 @@ const serveFromTempDir = async () => {
   });
   stateFile.setClerkJsHttpServerPid(proc.pid);
   await waitForServer(serverUrl, { log: console.log, maxAttempts: Infinity });
+  console.log('clerk.browser.js is being served from', serverUrl);
 };
 
 // The location where the clerk.browser.js is served from

package.json

@@ -31,7 +31,7 @@
     "test:cache:clear": "FORCE_COLOR=1 turbo test:cache:clear --continue --concurrency=${TURBO_CONCURRENCY:-80%}",
     "test:integration:base": "DEBUG=1 npx playwright test --config integration/playwright.config.ts",
     "test:integration:deployment:nextjs": "DEBUG=1 npx playwright test --config integration/playwright.deployments.config.ts",
-    "test:integration:generic": "E2E_APP_ID=react.vite.withEmailCodes npm run test:integration:base -- sign-in-smoke",
+    "test:integration:generic": "E2E_APP_ID=react.vite.* npm run test:integration:base -- --grep @generic",
     "test:integration:nextjs": "E2E_APP_ID=next.appRouter.withEmailCodes npm run test:integration:base -- --grep \"@generic|@nextjs\"",
     "test:integration:remix": "echo 'placeholder'",
     "turbo:clean": "turbo daemon clean",