Upgrade to yarn 4

.github/workflows/.size-limit.yml

@@ -10,11 +10,14 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v4
 
-      - name: Setup Node.js 22.18.0
+      - name: Use Node.js 22.18.0
         uses: actions/setup-node@v4
         with:
           node-version: 22.18.0
 
+      - name: Enable Corepack
+        run: corepack enable
+
       - uses: andresz1/size-limit-action@master
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/automated-a11y.yml

@@ -32,16 +32,45 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-
+
+    - name: Cache node modules
+      id: node-modules-cache
+      uses: actions/cache@v4
+      env:
+        cache-name: node-modules-v1
+      with:
+        path: node_modules
+        key: ${{ runner.os }}-cache-${{ env.cache-name }}-node-${{ matrix.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}
+
+    - name: Enable Corepack
+      run: corepack enable
+
     - name: Install Project Dependencies
-      run: yarn install
-
+      if: steps.node-modules-cache.outputs.cache-hit != 'true'
+      run: yarn install --immutable
+
+    - name: Extract Playwright version
+      id: playwright-version
+      run: echo "PLAYWRIGHT_VERSION=$(jq -r '.devDependencies["@playwright/test"]' packages/e2e-playwright/package.json)" >> $GITHUB_ENV
+
+    - name: Cache Playwright
+      # Using a cache for the webkit binary files causes this error on subsequent runs
+      # /home/runner/.cache/ms-playwright/webkit-2123/minibrowser-wpe/bin/MiniBrowser: error while loading shared libraries: libwoff2dec.so.1.0.2: cannot open shared object file: No such file or directory
+      if: matrix.runner-browser != 'webkit'
+      id: playwright-cache
+      uses: actions/cache@v4
+      env:
+        cache-name: playwright-v1
+      with:
+        path: ~/.cache/ms-playwright
+        key: ${{ runner.os }}-cache-${{ env.cache-name }}-node-${{ matrix.node-version }}-playwright-${{ env.PLAYWRIGHT_VERSION }}-browser-${{ matrix.runner-browser }}
+
     - name: Install Playwright Dependencies
-      working-directory: packages/e2e-playwright/
-      run: yarn install && npx playwright install --with-deps
-    
+      if: steps.playwright-cache.outputs.cache-hit != 'true' || matrix.runner-browser == 'webkit'
+      run: npx playwright install --with-deps ${{ matrix.runner-browser }}
+
     - name: Run Automated Accessibility Tests
-      run: yarn test:automated-a11y -- --project=${{ matrix.runner-browser }}
+      run: yarn test:automated-a11y --project=${{ matrix.runner-browser }}
 
     - name: Archive test result artifacts
       if: always()

.github/workflows/e2e.yml

@@ -27,17 +27,51 @@ jobs:
     steps:
     - name: Checkout
       uses: actions/checkout@v4
+
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
+
+    - name: Cache node modules
+      id: node-modules-cache
+      uses: actions/cache@v4
+      env:
+        cache-name: node-modules-v1
+      with:
+        path: node_modules
+        key: ${{ runner.os }}-cache-${{ env.cache-name }}-node-${{ matrix.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}
+
+    - name: Enable Corepack
+      run: corepack enable
+
     - name: Install Project Dependencies
-      run: yarn install
+      if: steps.node-modules-cache.outputs.cache-hit != 'true'
+      run: yarn install --immutable
+
+    - name: Extract Playwright version
+      id: playwright-version
+      run: echo "PLAYWRIGHT_VERSION=$(jq -r '.devDependencies["@playwright/test"]' packages/e2e-playwright/package.json)" >> $GITHUB_ENV
+
+    - name: Cache Playwright
+      # Using a cache for the webkit binary files causes this error on subsequent runs
+      # /home/runner/.cache/ms-playwright/webkit-2123/minibrowser-wpe/bin/MiniBrowser: error while loading shared libraries: libwoff2dec.so.1.0.2: cannot open shared object file: No such file or directory
+      if: matrix.runner-browser != 'webkit'
+      id: playwright-cache
+      uses: actions/cache@v4
+      env:
+        cache-name: playwright-v1
+      with:
+        path: ~/.cache/ms-playwright
+        key: ${{ runner.os }}-cache-${{ env.cache-name }}-node-${{ matrix.node-version }}-playwright-${{ env.PLAYWRIGHT_VERSION }}-browser-${{ matrix.runner-browser }}
+
     - name: Install Playwright Dependencies
-      working-directory: packages/e2e-playwright/
-      run: yarn install && npx playwright install --with-deps
+      if: steps.playwright-cache.outputs.cache-hit != 'true' || matrix.runner-browser == 'webkit'
+      run: npx playwright install --with-deps ${{ matrix.runner-browser }}
+
     - name: Run E2E Tests
-      run: yarn test:e2e -- --project=${{ matrix.runner-browser }}
+      run: yarn test:e2e --project=${{ matrix.runner-browser }}
+
     - name: Archive test result artifacts
       if: always()
       uses: actions/upload-artifact@v4

.github/workflows/npm-publish.yml

@@ -16,7 +16,11 @@ jobs:
           node-version: 22.18.0
           registry-url: https://registry.npmjs.org/
 
-      - run: yarn install --frozen-lockfile
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install Project Dependencies
+        run: yarn install --immutable
 
       # Copy README to adyen-web package
       - run: cp README.md packages/lib/

.github/workflows/release-build.yml

@@ -19,7 +19,11 @@ jobs:
           node-version: 22.18.0
           registry-url: https://registry.npmjs.org/
 
-      - run: yarn install --frozen-lockfile
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Install Project Dependencies
+        run: yarn install --immutable
 
       # Build
       - name: Build

.github/workflows/release.yml

@@ -22,8 +22,11 @@ jobs:
         with:
           node-version: 22.18.0
 
+      - name: Enable Corepack
+        run: corepack enable
+
       - name: Install Dependencies
-        run: yarn
+        run: yarn install --immutable
 
       - name: Create Release Pull Request
         uses: changesets/action@v1

.github/workflows/unit-tests.yml

@@ -25,15 +25,33 @@ jobs:
       with:
         node-version: ${{ matrix.node-version }}
 
-    - run: yarn --frozen-lockfile
+    - name: Cache node modules
+      id: node-modules-cache
+      uses: actions/cache@v4
+      env:
+        cache-name: node-modules-v1
+      with:
+        path: node_modules
+        key: ${{ runner.os }}-cache-${{ env.cache-name }}-node-${{ matrix.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}
+
+    - name: Enable Corepack
+      run: corepack enable
+
+    - name: Install Project Dependencies
+      if: steps.node-modules-cache.outputs.cache-hit != 'true'
+      run: yarn install --immutable
 
-    - run: yarn build
+    - name: Build packages
+      run: yarn build
 
-    - run: yarn lint
+    - name: Lint files
+      run: yarn lint
 
-    - run: yarn type-check
+    - name: Type check files
+      run: yarn type-check
 
-    - run: yarn test:coverage
+    - name: Generate test coverage
+      run: yarn test:coverage
 
     - name: SonarCloud Scan
       uses: SonarSource/sonarcloud-github-action@master

.gitignore

@@ -2,6 +2,7 @@ node_modules
 dist
 coverage
 storybook-static
+.yarn
 
 # Playwright reports
 packages/playground/playwright-report/

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package.json

@@ -41,7 +41,7 @@
     },
     "resolutions": {
         "tar-fs": "^3.0.9",
-        "**/estimo/nanoid": "^5.1.5",
         "cheerio": "1.0.0-rc.12"
-    }
+    },
+    "packageManager": "[email protected]"
 }

packages/e2e-playwright/package.json

@@ -14,11 +14,11 @@
   },
   "devDependencies": {
     "@adyen/adyen-web-server": "1.0.0",
+    "@axe-core/playwright": "^4.10.1",
     "@playwright/test": "1.50.0",
     "cross-env": "^10.0.0",
     "dotenv": "17.2.2",
     "ts-loader": "9.4.4",
-    "typescript": "5.2.2",
-    "@axe-core/playwright": "^4.10.1"
+    "typescript": "5.2.2"
   }
 }

packages/e2e-playwright/playwright.config.ts

@@ -13,6 +13,7 @@ const playgroundBaseUrl = `${protocol}://localhost:3020`;
  */
 const config: PlaywrightTestConfig = {
     testDir: './tests/',
+    testMatch: '**/*.spec.ts',
     // Exclude the automated-a11y tests which run in a separate pipeline
     testIgnore: ['**/automated-a11y/**'],
     /* Maximum time one test can run for. */
@@ -29,7 +30,7 @@ const config: PlaywrightTestConfig = {
     /* Fail the build on CI if you accidentally left test.only in the source code. */
     forbidOnly: !!process.env.CI,
     /* Retry on CI only */
-    retries: process.env.CI ? 2 : 1,
+    retries: process.env.CI ? 2 : 0,
     /* Opt out of parallel tests on CI. Use default locally */
     workers: process.env.CI ? 4 : undefined,