|
|
|
|
module.exports = {
|
|
|
|
|
'tree': function (browser) {
|
|
|
|
|
browser
|
|
|
|
|
.url('http://localhost:8080/examples/tree/')
|
|
|
|
|
.waitForElementVisible('li', 1000)
|
|
|
|
|
.assert.count('.item', 12)
|
|
|
|
|
.assert.count('.item > ul', 4)
|
|
|
|
|
.assert.notVisible('#demo li ul')
|
|
|
|
|
.assert.containsText('#demo li div span', '[+]')
|
|
|
|
|
|
|
|
|
|
.click('.bold')
|
|
|
|
|
.assert.visible('#demo ul')
|
|
|
|
|
.assert.containsText('#demo li div span', '[-]')
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(1)', 'hello')
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(2)', 'wat')
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(3)', 'child folder')
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(3)', '[+]')
|
|
|
|
|
.assert.evaluate(function () {
|
|
|
|
|
return document.querySelector('#demo li ul').children.length === 4
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
.click('#demo ul .bold')
|
|
|
|
|
.assert.visible('#demo ul ul')
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(3)', '[-]')
|
|
|
|
|
.assert.evaluate(function () {
|
|
|
|
|
return document.querySelector('#demo ul ul').children.length === 5
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
.click('.bold')
|
|
|
|
|
.assert.notVisible('#demo ul')
|
|
|
|
|
.assert.containsText('#demo li div span', '[+]')
|
|
|
|
|
.click('.bold')
|
|
|
|
|
.assert.visible('#demo ul')
|
|
|
|
|
.assert.containsText('#demo li div span', '[-]')
|
|
|
|
|
|
|
|
|
|
.dblClick('#demo ul > .item div')
|
|
|
|
|
.assert.count('.item', 13)
|
|
|
|
|
.assert.count('.item > ul', 5)
|
|
|
|
|
.assert.containsText('#demo ul > .item:nth-child(1)', '[-]')
|
|
|
|
|
.assert.evaluate(function () {
|
|
|
|
|
var firstItem = document.querySelector('#demo ul > .item:nth-child(1)')
|
|
|
|
|
var ul = firstItem.querySelector('ul')
|
|
|
|
|
return ul.children.length === 2
|
|
|
|
|
})
|
|
|
|
|
.end()
|
|
|
|
|
}
|
|
|
|
|
}
|
