describe('Core htmx internals Tests', function() {
const chai = window.chai
beforeEach(function() {
this.server = makeServer()
clearWorkArea()
})
afterEach(function() {
this.server.restore()
clearWorkArea()
})
it('makeFragment works with janky stuff', function() {
htmx._('makeFragment')('').children.length.should.equal(0)
htmx._('makeFragment')('').children.length.should.equal(0)
// NB - the tag name should be the *parent* element hosting the HTML since we use the fragment children
// for the swap
htmx._('makeFragment')('
').firstElementChild.tagName.should.equal('TR')
})
it('makeFragment works with template wrapping', function() {
htmx._('makeFragment')('').children.length.should.equal(0)
htmx._('makeFragment')('').children.length.should.equal(0)
var fragment = htmx._('makeFragment')('
')
fragment.firstElementChild.tagName.should.equal('TD')
fragment = htmx._('makeFragment')('')
fragment.firstElementChild.tagName.should.equal('THEAD')
fragment = htmx._('makeFragment')('
')
fragment.firstElementChild.tagName.should.equal('COL')
fragment = htmx._('makeFragment')('
')
fragment.firstElementChild.tagName.should.equal('TR')
})
it('makeFragment works with template wrapping and funky combos', function() {
htmx.config.useTemplateFragments = true
try {
var fragment = htmx._('makeFragment')('
")
var div = byId('d1')
should.equal(undefined, htmx._('getClosestAttributeValue')(div, 'foo'))
})
it('unset properly unsets a given attribute on a parent', function() {
make("
")
var div = byId('d1')
should.equal(undefined, htmx._('getClosestAttributeValue')(div, 'foo'))
})
it('unset does not unset a value below it in the hierarchy', function() {
make("
")
var div = byId('d1')
should.equal('2', htmx._('getClosestAttributeValue')(div, 'foo'))
})
it('encoding values respects enctype on forms', function() {
var form = make("")
var value = htmx._('encodeParamsForBody')(null, form, {});
(value instanceof FormData).should.equal(true)
})
it('Calling onpopstate to trigger backup and restore of page triggers htmx:restored event', function() {
var restored
var handler = htmx.on('htmx:restored', function(event) {
restored = true
})
make('
Not Called
')
window.onpopstate({ state: { htmx: true } })
restored.should.equal(true)
htmx.off('htmx:restored', handler)
})
it('calling onpopstate with no htmx state not true calls original popstate', function() {
window.onpopstate({ state: { htmx: false } })
})
it('getPathFromResponse returns paths when valid', function() {
var path = htmx._('getPathFromResponse')({ responseURL: 'https://htmx.org/somepath?a=b#fragment' })
should.equal(path, '/somepath?a=b')
path = htmx._('getPathFromResponse')({ responseURL: 'notvalidurl' })
should.equal(path, undefined)
})
it('appendParam can process objects', function() {
var param = htmx._('appendParam')('a=b', 'jim', 'foo')
should.equal(param, 'a=b&jim=foo')
param = htmx._('appendParam')('a=b', 'jim', '{"foo":"bar"}')
should.equal(param, 'a=b&jim=%7B%22foo%22%3A%22bar%22%7D')
param = htmx._('appendParam')('a=b', 'jim', { foo: 'bar' })
should.equal(param, 'a=b&jim=%7B%22foo%22%3A%22bar%22%7D')
})
it('handleTitle falls back to setting document.title when no title head element', function() {
var oldTitle = window.document.title
document.querySelector('title').remove()
htmx._('handleTitle')('update title')
window.document.title.should.equal('update title')
window.document.title = oldTitle
})
it('without meta config getMetaConfig returns null', function() {
document.querySelector('meta[name="htmx-config"]').remove()
should.equal(htmx._('getMetaConfig')(), null)
})
})