switch examples and tests for .passive to mousedown events

README.md

@@ -356,7 +356,7 @@ Adding `.window` to an event listener will install the listener on the global wi
 Adding the `.once` modifier to an event listener will ensure that the listener will only be handled once. This is useful for things you only want to do once, like fetching HTML partials and such.
 
 **`.passive` modifier**
-**Example:** `<button x-on:touchstart.passive="interactive = true"></button>`
+**Example:** `<button x-on:mousedown.passive="interactive = true"></button>`
 
 Adding the `.passive` modifier to an event listener will make the listener a passive one, which means `preventDefault()` will not work on any events being processed, this can help, for example with scroll performance on touch devices.
 

test/on.spec.js

@@ -46,7 +46,7 @@ test('.passive modifier should disable e.preventDefault()', async () => {
     document.body.innerHTML = `
         <div x-data="{ defaultPrevented: null }">
             <button
-                x-on:touchstart.passive="
+                x-on:mousedown.passive="
                     $event.preventDefault();
                     defaultPrevented = $event.defaultPrevented;
                 "
@@ -60,7 +60,7 @@ test('.passive modifier should disable e.preventDefault()', async () => {
 
     expect(document.querySelector('div').__x.$data.defaultPrevented).toEqual(null)
 
-    fireEvent.touchStart(document.querySelector('button'))
+    fireEvent.mouseDown(document.querySelector('button'))
 
     await wait(() => {
         expect(document.querySelector('div').__x.$data.defaultPrevented).toEqual(false)
@@ -373,7 +373,7 @@ test('.passive + .away modifier still disables e.preventDefault()', async () =>
     document.body.innerHTML = `
         <div x-data="{ defaultPrevented: null }">
             <button
-                x-on:touchstart.away.passive="
+                x-on:mousedown.away.passive="
                     $event.preventDefault();
                     defaultPrevented = $event.defaultPrevented;
                 "
@@ -386,7 +386,7 @@ test('.passive + .away modifier still disables e.preventDefault()', async () =>
 
     expect(document.querySelector('div').__x.$data.defaultPrevented).toEqual(null)
 
-    fireEvent.touchStart(document.querySelector('span'))
+    fireEvent.mouseDown(document.querySelector('span'))
 
     await wait(() => {
         expect(document.querySelector('div').__x.$data.defaultPrevented).toEqual(false)