| Server IP : 199.250.214.225 / Your IP : 3.139.86.131 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/funds.upgrade.nicn.gov.ng/funds-upgraded/node_modules/alpinejs/test/ |
Upload File : |
import Alpine from 'alpinejs'
import { wait } from '@testing-library/dom'
global.MutationObserver = class {
observe() {}
}
test('read-only properties do not break the proxy', async () => {
document.body.innerHTML = `
<div x-data="{ files: [] }">
<input type="file"
multiple
x-ref="files"
x-on:change="files = [...$refs.files.files].filter(Boolean)">
<span x-text="files.length"></span>
</div>
`
Alpine.start()
expect(document.querySelector('span').textContent).toEqual('0')
const input = document.querySelector('input')
Object.defineProperty(input, 'files', {
get: () => [new File(["foo"], "foo.txt", {type: "text/plain"})]
})
input.dispatchEvent(new Event('change'));
await wait(() => { expect(document.querySelector('span').textContent).toEqual('1') })
})