Optimise CI workflows by adding caching for Composer and Playwright

.github/workflows/livewire-starter-kit.yml

@@ -13,6 +13,8 @@ permissions:
 jobs:
   tests:
     runs-on: ubuntu-latest
+    env:
+      APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/livewire-starter-kit
 
     strategy:
       fail-fast: true
@@ -23,34 +25,49 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
-      - uses: actions/setup-node@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: 'npm'
+          cache-dependency-path: 'package-lock.json'
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2
         with:
           php-version: ${{ matrix.php }}
           extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite
           coverage: none
+          tools: composer:v2
+
+      - name: Cache Composer dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.composer/cache
+          key: composer-${{ runner.os }}-${{ matrix.php }}-${{ hashFiles('**/composer.lock') }}
+          restore-keys: composer-${{ runner.os }}-${{ matrix.php }}
 
       - name: Install Composer dependencies
-        run: composer install --prefer-dist --no-interaction --no-progress
+        run: composer install --prefer-dist --no-interaction --no-progress --optimize-autoloader
 
-      - name: Install dependencies
+      - name: Install Node dependencies
         run: npm ci
 
+      - name: Cache Playwright browsers
+        uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+
       - name: Install Playwright browsers
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
         run: npx playwright install --with-deps
 
       - name: Build `livewire-starter-kit`
         run: composer run livewire:build
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/livewire-starter-kit
 
       - name: Execute tests
         run: php vendor/bin/pest
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/livewire-starter-kit

.github/workflows/react-starter-kit.yml

@@ -13,6 +13,8 @@ permissions:
 jobs:
   tests:
     runs-on: ubuntu-latest
+    env:
+      APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/react-starter-kit
 
     strategy:
       fail-fast: true
@@ -23,34 +25,49 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
-      - uses: actions/setup-node@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: 'npm'
+          cache-dependency-path: 'package-lock.json'
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2
         with:
           php-version: ${{ matrix.php }}
           extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite
           coverage: none
+          tools: composer:v2
+
+      - name: Cache Composer dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.composer/cache
+          key: composer-${{ runner.os }}-${{ matrix.php }}-${{ hashFiles('**/composer.lock') }}
+          restore-keys: composer-${{ runner.os }}-${{ matrix.php }}
 
       - name: Install Composer dependencies
-        run: composer install --prefer-dist --no-interaction --no-progress
+        run: composer install --prefer-dist --no-interaction --no-progress --optimize-autoloader
 
-      - name: Install dependencies
+      - name: Install Node dependencies
         run: npm ci
 
+      - name: Cache Playwright browsers
+        uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+
       - name: Install Playwright browsers
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
         run: npx playwright install --with-deps
 
       - name: Build `react-starter-kit`
         run: composer run react:build
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/react-starter-kit
 
       - name: Execute tests
         run: php vendor/bin/pest
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/react-starter-kit

.github/workflows/vue-starter-kit.yml

@@ -13,6 +13,8 @@ permissions:
 jobs:
   tests:
     runs-on: ubuntu-latest
+    env:
+      APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/vue-starter-kit
 
     strategy:
       fail-fast: true
@@ -23,34 +25,49 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
 
-      - uses: actions/setup-node@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: 'npm'
+          cache-dependency-path: 'package-lock.json'
 
       - name: Setup PHP
         uses: shivammathur/setup-php@v2
         with:
           php-version: ${{ matrix.php }}
           extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite
           coverage: none
+          tools: composer:v2
+
+      - name: Cache Composer dependencies
+        uses: actions/cache@v4
+        with:
+          path: ~/.composer/cache
+          key: composer-${{ runner.os }}-${{ matrix.php }}-${{ hashFiles('**/composer.lock') }}
+          restore-keys: composer-${{ runner.os }}-${{ matrix.php }}
 
       - name: Install Composer dependencies
-        run: composer install --prefer-dist --no-interaction --no-progress
+        run: composer install --prefer-dist --no-interaction --no-progress --optimize-autoloader
 
-      - name: Install dependencies
+      - name: Install Node dependencies
         run: npm ci
 
+      - name: Cache Playwright browsers
+        uses: actions/cache@v4
+        id: playwright-cache
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('package-lock.json') }}
+
       - name: Install Playwright browsers
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
         run: npx playwright install --with-deps
 
       - name: Build `vue-starter-kit`
         run: composer run vue:build
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/vue-starter-kit
 
       - name: Execute tests
         run: php vendor/bin/pest
-        env:
-          APP_BASE_PATH: ${{ github.workspace }}/vendor/laravel/vue-starter-kit

tests/Browser/Auth/AuthenticationTest.php

@@ -50,7 +50,7 @@
     actingAs($user);
 
     visit(route('dashboard'))
-        ->click($user->name)
+        ->click('@sidebar-menu-button')
         ->click('@logout-button')
         ->assertUrlIs(route('home'))
         ->assertNoConsoleLogs()