Merge branch '4.x' into feat/new-expectation

Author: nunomaduro

.gitignore

@@ -13,3 +13,6 @@ coverage.xml
 # Playwright
 node_modules/
 /tests/Browser/screenshots
+
+# MacOS
+.DS_Store

composer.json

@@ -44,21 +44,28 @@
         }
     },
     "scripts": {
-        "lint": "pint",
-        "refactor": "rector",
+        "bump:minor": [
+            "composer update && composer bump",
+            "npx npm-check-updates -u -t minor && npm install"
+        ],
+        "lint": [
+            "rector",
+            "pint"
+        ],
         "test:type-coverage": "pest --type-coverage --exactly=100",
         "test:typos": "peck",
-        "test:lint": "pint --test",
-        "test:unit": "pest --parallel --coverage --exactly=76.6",
+        "test:lint": [
+            "rector --dry-run",
+            "pint --test"
+        ],
+        "test:unit": "pest --parallel --coverage --exactly=80.5",
         "test:types": "phpstan",
-        "test:refactor": "rector --dry-run",
         "test": [
             "@test:lint",
             "@test:type-coverage",
             "@test:typos",
             "@test:unit",
-            "@test:types",
-            "@test:refactor"
+            "@test:types"
         ],
         "post-update-cmd": [
             "composer install -d playground --ansi"

package-lock.json

@@ -21,6 +21,6 @@
   },
   "homepage": "https://github.com/pestphp/pest-plugin-browser#readme",
   "dependencies": {
-    "playwright": "^1.51.0"
+    "playwright": "^1.53.0"
   }
 }

package.json

@@ -31,7 +31,4 @@
             <directory suffix=".php">./src</directory>
         </include>
     </source>
-    <php>
-        <env name="PEST_BROWSER_SCREENSHOT_DIR" value="./tests/Browser/screenshots"/>
-    </php>
 </phpunit>

phpunit.xml

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <title>@yield('title', config('app.name'))</title>
+    <title>@yield('title', 'Hi nunonation')</title>
 
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.bunny.net">

playground/resources/views/layouts/app.blade.php

@@ -263,6 +263,12 @@ class="profile-picture" />
     <!-- Elements for Event Testing -->
     <div class="section">
         <h2>Event Testing</h2>
+        <div id="focus-display" data-testid="focus-display" class="p-2 bg-blue-50 border text-sm mb-2">No element focused yet</div>
+        <div id="hover-display" data-testid="hover-display" class="p-2 bg-green-50 border text-sm mb-2">No element hovered yet</div>
+        <div id="hover-target" data-testid="hover-target" class="p-4 border bg-blue-100 hover:bg-blue-200 transition-colors cursor-pointer mb-4">
+            Hover Target
+        </div>
+        <input id="focus-target" data-testid="focus-target" type="text" class="bg-white text-black p-2 border focus:border-blue-500 mb-4" placeholder="Focus on me" />
         <button id="event-button" data-testid="event-button">Click Me</button>
         <div id="event-result" data-testid="event-result"></div>
     </div>
@@ -273,9 +279,7 @@ class="profile-picture" />
         <div data-testid="scroll-target" style="margin-top: 500px;">
             This element is far down the page for scroll testing
         </div>
-    </div>
-
-    <script>
+    </div>    <script>
         // Counter for click testing
         let clickCounter = 0;
 
@@ -284,6 +288,22 @@ function incrementCounter() {
             document.querySelector('[data-testid="click-counter"]').textContent = clickCounter;
         }
 
+        // Focus tracking function
+        function trackFocus(elementId) {
+            const focusDisplay = document.getElementById('focus-display');
+            if (focusDisplay) {
+                focusDisplay.textContent = 'Last focused: ' + elementId;
+            }
+        }
+
+        // Hover tracking function
+        function trackHover(elementId) {
+            const hoverDisplay = document.getElementById('hover-display');
+            if (hoverDisplay) {
+                hoverDisplay.textContent = 'Last hovered: ' + elementId;
+            }
+        }
+
         // Add some basic interactivity for testing
         document.addEventListener('DOMContentLoaded', function() {
             // Event button click handler
@@ -296,6 +316,40 @@ function incrementCounter() {
                 });
             }
 
+            // Add focus tracking event listeners
+            document.getElementById('focus-target').addEventListener('focus', function() {
+                trackFocus('focus-target');
+            });
+            document.getElementById('username').addEventListener('focus', function() {
+                trackFocus('username');
+            });
+            document.getElementById('password').addEventListener('focus', function() {
+                trackFocus('password');
+            });
+            document.getElementById('search').addEventListener('focus', function() {
+                trackFocus('search');
+            });
+            document.getElementById('comments').addEventListener('focus', function() {
+                trackFocus('comments');
+            });
+
+            // Hover tracking
+            const hoverTarget = document.getElementById('hover-target');
+            if (hoverTarget) {
+                ['mouseenter', 'mouseover', 'pointerenter'].forEach(event => {
+                    hoverTarget.addEventListener(event, function() {
+                        trackHover('hover-target');
+                    });
+                });
+            }
+
+            // Add global hover detection for Playwright compatibility
+            document.addEventListener('mousemove', function(e) {
+                if (e.target.id === 'hover-target') {
+                    trackHover('hover-target');
+                }
+            });
+
             // Make forms more interactive
             const usernameInput = document.getElementById('username');
             if (usernameInput) {

playground/resources/views/test-pages/element-tests.blade.php

@@ -2,11 +2,11 @@
 
 declare(strict_types=1);
 
-namespace Pest\Browser;
-
+use Pest\Browser\Browser;
 use Pest\Browser\Playwright\Client;
 use Pest\Browser\Playwright\Page;
 use Pest\Browser\Playwright\Playwright;
+use Pest\Browser\ServerManager;
 use Pest\Plugin;
 
 Plugin::uses(Browser::class);