Add failing test for x-model on checkboxes inside conditional

tests/Browser/AlpineV3/Test.php

@@ -2,6 +2,7 @@
 
 namespace Tests\Browser\AlpineV3;
 
+use Livewire\Livewire;
 use Tests\Browser\Alpine\Test as V2Test;
 
 class Test extends V2Test
@@ -12,4 +13,17 @@ public function setUp(): void
 
         parent::setUp();
     }
+
+    public function test_alpine_registers_correct_number_of_listeners_for_x_model_checkbox_on_livewire_change()
+    {
+        $this->browse(function ($browser) {
+            Livewire::visit($browser, XModelComponent::class)
+                ->waitForLivewire()
+                ->click('@show')
+                ->click('@plz-check-me-caleb')
+                ->assertSeeIn('@alpineChecksLength', 1)
+                ->assertSeeIn('@alpineChecksValue', '1')
+            ;
+        });
+    }
 }

tests/Browser/AlpineV3/XModelComponent.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Tests\Browser\AlpineV3;
+
+use Livewire\Component as BaseComponent;
+
+class XModelComponent extends BaseComponent
+{
+    public $show = false;
+
+    public function render()
+    {
+        return
+<<<'HTML'
+<div>
+    <div x-data="{ checks: [] }">
+        <button dusk="show" wire:click="$toggle('show')">Toggle Options</button>
+
+        <div>
+            @if ($show)
+                <input dusk="plz-check-me-caleb" type="checkbox" x-model.number="checks" value="1" /> Check me
+            @endif
+        </div>
+
+        <div>Checks value: <span dusk="alpineChecksValue" x-text="checks"></span></div>
+        <div>Number of checks: <span dusk="alpineChecksLength" x-text="checks.length"></span></div>
+    </div>
+</div>
+HTML;
+    }
+}

tests/Browser/views/layouts/app.blade.php

@@ -3,7 +3,7 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     @if (config('use_alpine_v3'))
-        <script src="https://unpkg.com/alpinejs@3.11.0/dist/cdn.min.js" defer></script>
+        <script src="https://unpkg.com/alpinejs@3.12.0/dist/cdn.min.js" defer></script>
     @else
         <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js" defer></script>
     @endif