| Server IP : 199.250.214.225 / Your IP : 3.15.143.8 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'
test('catch disconnected nodes that were used as targets for any mutations', async () => {
const runObservers = []
global.MutationObserver = class {
constructor(callback) { runObservers.push(callback) }
observe() {}
}
document.body.innerHTML = `
<div x-data="{}">
</div>
`
Alpine.start()
runObservers.forEach(cb => cb([
{
target: document.createElement('div'),
type: 'childList',
addedNodes: [ document.createElement('div') ],
}
]))
})
test('mutationObserver doesn\'t reset data when reparenting nested components', async () => {
const runObservers = []
global.MutationObserver = class {
constructor(callback) {
runObservers.push(callback)
}
observe() {}
}
document.body.innerHTML = `
<div x-data>
<div id="a">
<button x-data="{counter: 1}" x-text="counter" @click="counter = 2"></button>
</div>
<div id="b">
</div>
</div>
`
Alpine.start()
expect(document.querySelector('button').textContent).toEqual('1')
document.querySelector('button').click()
await wait(() => { expect(document.querySelector('button').textContent).toEqual('2') })
// Move the component and run the observer
document.getElementById('b').appendChild(document.querySelector('button'))
runObservers.forEach(cb => {
cb([
{
target: document.getElementById('b'),
type: 'childList',
addedNodes: [ document.querySelector('button') ],
}
])
})
await wait(() => { expect(document.querySelector('button').textContent).toEqual('2') })
})