model test fix + attr removal test improvements

fix test that was relying on 'false'default stringification

improve existing attr removal tests

test/bind.spec.js

@@ -235,31 +235,31 @@ test('boolean attributes set to false are removed from element', async () => {
     `
     Alpine.start()
 
-    expect(document.querySelectorAll('input')[0].disabled).toBeFalsy()
-    expect(document.querySelectorAll('input')[1].checked).toBeFalsy()
-    expect(document.querySelectorAll('input')[2].required).toBeFalsy()
-    expect(document.querySelectorAll('input')[3].readOnly).toBeFalsy()
-    expect(document.querySelectorAll('input')[4].hidden).toBeFalsy()
-    expect(document.querySelectorAll('details')[0].open).toBeFalsy()
-    expect(document.querySelectorAll('option')[0].selected).toBeFalsy()
-    expect(document.querySelectorAll('select')[0].multiple).toBeFalsy()
-    expect(document.querySelectorAll('textarea')[0].autofocus).toBeFalsy()
-    expect(document.querySelectorAll('dl')[0].attributes.itemscope).toBeFalsy()
-    expect(document.querySelectorAll('form')[0].attributes.novalidate).toBeFalsy()
-    expect(document.querySelectorAll('iframe')[0].attributes.allowfullscreen).toBeFalsy()
-    expect(document.querySelectorAll('iframe')[0].attributes.allowpaymentrequest).toBeFalsy()
-    expect(document.querySelectorAll('button')[0].attributes.formnovalidate).toBeFalsy()
-    expect(document.querySelectorAll('audio')[0].attributes.autoplay).toBeFalsy()
-    expect(document.querySelectorAll('audio')[0].attributes.controls).toBeFalsy()
-    expect(document.querySelectorAll('audio')[0].attributes.loop).toBeFalsy()
-    expect(document.querySelectorAll('audio')[0].attributes.muted).toBeFalsy()
-    expect(document.querySelectorAll('video')[0].attributes.playsinline).toBeFalsy()
-    expect(document.querySelectorAll('track')[0].attributes.default).toBeFalsy()
-    expect(document.querySelectorAll('img')[0].attributes.ismap).toBeFalsy()
-    expect(document.querySelectorAll('ol')[0].attributes.reversed).toBeFalsy()
-    expect(document.querySelectorAll('script')[0].attributes.async).toBeFalsy()
-    expect(document.querySelectorAll('script')[0].attributes.defer).toBeFalsy()
-    expect(document.querySelectorAll('script')[0].attributes.nomodule).toBeFalsy()
+    expect(document.querySelectorAll('input')[0].getAttribute('disabled')).toBeNull()
+    expect(document.querySelectorAll('input')[1].getAttribute('checked')).toBeNull()
+    expect(document.querySelectorAll('input')[2].getAttribute('required')).toBeNull()
+    expect(document.querySelectorAll('input')[3].getAttribute('readOnly')).toBeNull()
+    expect(document.querySelectorAll('input')[4].getAttribute('hidden')).toBeNull()
+    expect(document.querySelectorAll('details')[0].getAttribute('open')).toBeNull()
+    expect(document.querySelectorAll('option')[0].getAttribute('selected')).toBeNull()
+    expect(document.querySelectorAll('select')[0].getAttribute('multiple')).toBeNull()
+    expect(document.querySelectorAll('textarea')[0].getAttribute('autofocus')).toBeNull()
+    expect(document.querySelectorAll('dl')[0].getAttribute('itemscope')).toBeNull()
+    expect(document.querySelectorAll('form')[0].getAttribute('novalidate')).toBeNull()
+    expect(document.querySelectorAll('iframe')[0].getAttribute('allowfullscreen')).toBeNull()
+    expect(document.querySelectorAll('iframe')[0].getAttribute('allowpaymentrequest')).toBeNull()
+    expect(document.querySelectorAll('button')[0].getAttribute('formnovalidate')).toBeNull()
+    expect(document.querySelectorAll('audio')[0].getAttribute('autoplay')).toBeNull()
+    expect(document.querySelectorAll('audio')[0].getAttribute('controls')).toBeNull()
+    expect(document.querySelectorAll('audio')[0].getAttribute('loop')).toBeNull()
+    expect(document.querySelectorAll('audio')[0].getAttribute('muted')).toBeNull()
+    expect(document.querySelectorAll('video')[0].getAttribute('playsinline')).toBeNull()
+    expect(document.querySelectorAll('track')[0].getAttribute('default')).toBeNull()
+    expect(document.querySelectorAll('img')[0].getAttribute('ismap')).toBeNull()
+    expect(document.querySelectorAll('ol')[0].getAttribute('reversed')).toBeNull()
+    expect(document.querySelectorAll('script')[0].getAttribute('async')).toBeNull()
+    expect(document.querySelectorAll('script')[0].getAttribute('defer')).toBeNull()
+    expect(document.querySelectorAll('script')[0].getAttribute('nomodule')).toBeNull()
 })
 
 test('boolean attributes set to true are added to element', async () => {

test/model.spec.js

@@ -131,7 +131,7 @@ test('x-model binds checkbox value', async () => {
         <div x-data="{ foo: true }">
             <input type="checkbox" x-model="foo"></input>
 
-            <span x-bind:bar="foo"></span>
+            <span x-bind:bar="JSON.stringify(foo)"></span>
         </div>
     `