This commit is contained in:
parent
c59715e912
commit
86941a2012
|
@ -0,0 +1,19 @@
|
||||||
|
const assert = require('assert')
|
||||||
|
const { loadDom } = require('./test-utils')
|
||||||
|
|
||||||
|
test('test foldable sections', async () => {
|
||||||
|
const { window } = await loadDom(`
|
||||||
|
<div class="section foldable">
|
||||||
|
<h2>Section Title</h2>
|
||||||
|
</div>
|
||||||
|
`)
|
||||||
|
|
||||||
|
const foldableSection = window.document.querySelector('.section.foldable')
|
||||||
|
const title = window.document.querySelector('.section.foldable > h2')
|
||||||
|
|
||||||
|
title.click()
|
||||||
|
assert(foldableSection.classList.contains('folded'))
|
||||||
|
|
||||||
|
title.click()
|
||||||
|
assert(!foldableSection.classList.contains('folded'))
|
||||||
|
})
|
|
@ -0,0 +1,31 @@
|
||||||
|
const path = require('path')
|
||||||
|
const { JSDOM } = require('jsdom')
|
||||||
|
|
||||||
|
async function loadDom (content) {
|
||||||
|
const dom = new JSDOM(`
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html >
|
||||||
|
<body>
|
||||||
|
${content}
|
||||||
|
</body>
|
||||||
|
<script src="file://${require.resolve('jquery')}"></script>
|
||||||
|
<script src="file://${path.join(__dirname, '../../gadjo/static/js/gadjo.js')}"></script>
|
||||||
|
<script>
|
||||||
|
jQuery(() => document.dispatchEvent(new Event("test:ready")))
|
||||||
|
</script>
|
||||||
|
</html>`, {
|
||||||
|
runScripts: 'dangerously',
|
||||||
|
resources: 'usable'
|
||||||
|
})
|
||||||
|
|
||||||
|
await new Promise((resolve, reject) => {
|
||||||
|
dom.window.document.addEventListener('test:ready', () => {
|
||||||
|
resolve()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
return dom
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = { loadDom }
|
||||||
|
|
Loading…
Reference in New Issue