test for .viewport modifier added

alpinejs · Aug 23, 2024 · bc30e61 · bc30e61
1 parent 2b32333
commit bc30e61
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/tests/cypress/integration/directives/x-on.spec.js b/tests/cypress/integration/directives/x-on.spec.js
@@ -247,6 +247,21 @@ test('.window modifier',
     }
 )
 
+test('.viewport modifier',
+    html`
+        <div x-data="{ foo: 'bar' }">
+            <div x-on:resize.visual="foo = window.visualViewport.width"></div>
+            <span x-text="foo"></span>
+        </div>
+
+    `,
+    ({ get, viewport }) => {
+        get('span').should(haveText('bar'))
+        viewport('iphone-6')
+        get('span').should(haveText('375'))
+    }
+)
+
 test('expressions can start with if',
     html`
         <div x-data="{ foo: 'bar' }">