zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00
Code Issues Projects Releases Wiki Activity

update tests

Browse Source
This commit is contained in:
lana-k
2025-01-05 17:13:55 +01:00
parent eee67763b5
commit e14696b59e
26 changed files with 523 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
tests/components/Splitpanes/Splitpanes.spec.js
View File

@@ -10,15 +10,15 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 60, max: 100 },
after: { size: 40, max: 100 }
}
})
expect(wrapper.findAll('.splitpanes-pane')).to.have.lengthOf(2)
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('40%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('40%')
})
it('renders correctly - horizontal', () => {
@@ -28,7 +28,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 60, max: 100 },
after: { size: 40, max: 100 },
horizontal: true
@@ -36,8 +36,8 @@ describe('Splitpanes.vue', () => {
})
expect(wrapper.findAll('.splitpanes-pane')).to.have.lengthOf(2)
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.height).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.height).to.equal('40%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.height).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.height).to.equal('40%')
})
it('toggles correctly - no maximized initially', async () => {
@@ -47,27 +47,27 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 60, max: 100 },
after: { size: 40, max: 100 }
}
})
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('100%')
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('40%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('40%')
await wrapper.findAll('.toggle-btn').at(1).trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('0%')
await wrapper.findAll('.toggle-btn')[1].trigger('click')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('0%')
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('40%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('60%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('40%')
})
it('toggles correctly - with maximized initially', async () => {
@@ -77,7 +77,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 0, max: 100 },
after: { size: 100, max: 100 },
default: { before: 20, after: 80 }
@@ -85,47 +85,47 @@ describe('Splitpanes.vue', () => {
})
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('20%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('80%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('20%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('80%')
await wrapper.findAll('.toggle-btn').at(0).trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('100%')
await wrapper.findAll('.toggle-btn')[0].trigger('click')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('100%')
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('20%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('80%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('20%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('80%')
await wrapper.findAll('.toggle-btn').at(1).trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('0%')
await wrapper.findAll('.toggle-btn')[1].trigger('click')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('0%')
wrapper = shallowMount(Splitpanes, {
slots: {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 100, max: 100 },
after: { size: 0, max: 100 }
}
})
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('50%')
await wrapper.findAll('.toggle-btn').at(0).trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('100%')
await wrapper.findAll('.toggle-btn')[0].trigger('click')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('0%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('100%')
await wrapper.find('.toggle-btn').trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('50%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('50%')
await wrapper.findAll('.toggle-btn').at(1).trigger('click')
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane').at(1).element.style.width).to.equal('0%')
await wrapper.findAll('.toggle-btn')[1].trigger('click')
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('100%')
expect(wrapper.findAll('.splitpanes-pane')[1].element.style.width).to.equal('0%')
})
it('drag - vertical', async () => {
@@ -143,7 +143,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 60, max: 100 },
after: { size: 40, max: 100 }
}
@@ -156,8 +156,8 @@ describe('Splitpanes.vue', () => {
}))
document.dispatchEvent(new MouseEvent('mouseup'))
await wrapper.vm.$nextTick()
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('50%')
wrapper.destroy()
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('50%')
wrapper.unmount()
root.remove()
})
@@ -176,7 +176,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 10, max: 100 },
after: { size: 90, max: 100 },
horizontal: true
@@ -190,8 +190,8 @@ describe('Splitpanes.vue', () => {
}))
document.dispatchEvent(new MouseEvent('mouseup'))
await wrapper.vm.$nextTick()
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.height).to.equal('50%')
wrapper.destroy()
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.height).to.equal('50%')
wrapper.unmount()
root.remove()
})
@@ -210,7 +210,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 10, max: 100 },
after: { size: 90, max: 100 },
horizontal: true
@@ -230,8 +230,8 @@ describe('Splitpanes.vue', () => {
document.dispatchEvent(event)
document.dispatchEvent(new MouseEvent('touchend'))
await wrapper.vm.$nextTick()
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.height).to.equal('50%')
wrapper.destroy()
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.height).to.equal('50%')
wrapper.unmount()
root.remove()
delete window.ontouchstart
})
@@ -251,7 +251,7 @@ describe('Splitpanes.vue', () => {
leftPane: '<div />',
rightPane: '<div />'
},
propsData: {
props: {
before: { size: 60, max: 100 },
after: { size: 40, max: 100 }
}
@@ -270,8 +270,8 @@ describe('Splitpanes.vue', () => {
document.dispatchEvent(event)
document.dispatchEvent(new MouseEvent('touchend'))
await wrapper.vm.$nextTick()
expect(wrapper.findAll('.splitpanes-pane').at(0).element.style.width).to.equal('50%')
wrapper.destroy()
expect(wrapper.findAll('.splitpanes-pane')[0].element.style.width).to.equal('50%')
wrapper.unmount()
root.remove()
delete window.ontouchstart
})