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

fix tests

Browse Source
This commit is contained in:
lana-k
2025-03-11 22:24:57 +01:00
parent 6009ebb447
commit c28d31b019
4 changed files with 113 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
tests/views/Main/Workspace/Tabs/Tab/DataView/Chart/Chart.spec.js
View File

@@ -8,13 +8,19 @@ import fIo from '@/lib/utils/fileIo'
import { nextTick } from 'vue'
describe('Chart.vue', () => {
const $store = { state: { isWorkspaceVisible: true } }
afterEach(() => {
sinon.restore()
})
it('getOptionsForSave called with proper arguments', () => {
// mount the component
const wrapper = shallowMount(Chart)
const wrapper = shallowMount(Chart, {
global: {
mocks: { $store }
}
})
const vm = wrapper.vm
const stub = sinon.stub(chartHelper, 'getOptionsForSave').returns('result')
const chartData = vm.getOptionsForSave()
@@ -25,7 +31,11 @@ describe('Chart.vue', () => {
it('emits update when plotly updates', async () => {
// mount the component
const wrapper = mount(Chart)
const wrapper = mount(Chart, {
global: {
mocks: { $store }
}
})
wrapper.findComponent({ ref: 'plotlyEditor' }).vm.$emit('update')
expect(wrapper.emitted('update')).to.have.lengthOf(1)
wrapper.unmount()
@@ -40,7 +50,10 @@ describe('Chart.vue', () => {
// mount the component
const wrapper = shallowMount(Chart, {
props: { dataSources }
props: { dataSources },
global: {
mocks: { $store }
}
})
const newDataSources = {
@@ -62,7 +75,10 @@ describe('Chart.vue', () => {
// mount the component
const wrapper = shallowMount(Chart, {
props: { dataSources }
props: { dataSources },
global: {
mocks: { $store }
}
})
await wrapper.setProps({ dataSources: null })
@@ -78,7 +94,10 @@ describe('Chart.vue', () => {
}
const wrapper = mount(Chart, {
props: { dataSources }
props: { dataSources },
global: {
mocks: { $store }
}
})
sinon.spy(wrapper.vm, 'prepareCopy')

49
tests/views/Main/Workspace/Tabs/Tab/DataView/DataView.spec.js
View File

@@ -5,12 +5,18 @@ import sinon from 'sinon'
import { nextTick } from 'vue'
describe('DataView.vue', () => {
const $store = { state: { isWorkspaceVisible: true } }
afterEach(() => {
sinon.restore()
})
it('emits update on mode changing', async () => {
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
global: {
stubs: { 'chart': true }
}
})
const pivotBtn = wrapper.findComponent({ ref: 'pivotBtn' })
await pivotBtn.trigger('click')
@@ -20,7 +26,11 @@ describe('DataView.vue', () => {
})
it('method getOptionsForSave calls the same method of the current view component', async () => {
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
global: {
mocks: { $store }
}
})
const chart = wrapper.findComponent({ name: 'Chart' }).vm
sinon.stub(chart, 'getOptionsForSave').returns({ here_are: 'chart_settings' })
@@ -38,7 +48,11 @@ describe('DataView.vue', () => {
})
it('method saveAsSvg calls the same method of the current view component', async () => {
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
global: {
mocks: { $store }
}
})
// Find chart and spy the method
const chart = wrapper.findComponent({ name: 'Chart' }).vm
@@ -68,7 +82,11 @@ describe('DataView.vue', () => {
})
it('method saveAsHtml calls the same method of the current view component', async () => {
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
global: {
mocks: { $store }
}
})
// Find chart and spy the method
const chart = wrapper.findComponent({ name: 'Chart' }).vm
@@ -97,7 +115,11 @@ describe('DataView.vue', () => {
const ClipboardItem = window.ClipboardItem
delete window.ClipboardItem
sinon.spy(window, 'alert')
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
global: {
stubs: { 'chart': true }
}
})
const copyBtn = wrapper.findComponent({ ref: 'copyToClipboardBtn' })
await copyBtn.trigger('click')
@@ -120,7 +142,8 @@ describe('DataView.vue', () => {
const wrapper = mount(DataView, {
attachTo: document.body,
global: {
stubs: { teleport: true, transition: false }
stubs: { teleport: true, transition: false },
mocks: { $store }
}
})
sinon.stub(wrapper.vm.$refs.viewComponent, 'prepareCopy').callsFake(async () => {
@@ -165,7 +188,13 @@ describe('DataView.vue', () => {
it('copy to clipboard less than 1 sec', async () => {
sinon.stub(window.navigator.clipboard, 'write').resolves()
const clock = sinon.useFakeTimers()
const wrapper = mount(DataView)
const wrapper = mount(DataView, {
attachTo: document.body,
global: {
stubs: { teleport: true, transition: false },
mocks: { $store }
}
})
sinon.spy(wrapper.vm, 'copyToClipboard')
sinon.stub(wrapper.vm.$refs.viewComponent, 'prepareCopy').callsFake(async () => {
await clock.tick(500)
@@ -182,7 +211,8 @@ describe('DataView.vue', () => {
await nextTick()
// The dialog is not shown...
expect(wrapper.find('[data-modal="prepareCopy"]').exists()).to.equal(false)
await clock.tick(100)
expect(wrapper.find('.dialog.vfm').exists()).to.equal(false)
// copyToClipboard is called
expect(wrapper.vm.copyToClipboard.calledOnce).to.equal(true)
wrapper.unmount()
@@ -194,7 +224,8 @@ describe('DataView.vue', () => {
const wrapper = mount(DataView, {
attachTo: document.body,
global: {
stubs: { teleport: true, transition: false }
stubs: { teleport: true, transition: false },
mocks: { $store }
}
})
sinon.spy(wrapper.vm, 'copyToClipboard')

55
tests/views/Main/Workspace/Tabs/Tab/DataView/Pivot/Pivot.spec.js
View File

@@ -9,6 +9,7 @@ import pivotHelper from '@/views/Main/Workspace/Tabs/Tab/DataView/Pivot/pivotHel
describe('Pivot.vue', () => {
let container
const $store = { state: { isWorkspaceVisible: true } }
beforeEach(() => {
container = document.createElement('div')
@@ -36,6 +37,9 @@ describe('Pivot.vue', () => {
vals: [],
rendererName: 'Table'
}
},
global: {
stubs: { 'chart': true }
}
})
const colLabels = wrapper.findAll('.pivot-output thead th.pvtColLabel')
@@ -71,6 +75,9 @@ describe('Pivot.vue', () => {
vals: [],
rendererName: 'Table'
}
},
global: {
stubs: { 'chart': true }
}
})
@@ -120,6 +127,9 @@ describe('Pivot.vue', () => {
vals: [],
rendererName: 'Table'
}
},
global: {
mocks: { $store }
}
})
@@ -190,7 +200,10 @@ describe('Pivot.vue', () => {
rendererName: 'Table'
}
},
attachTo: container
attachTo: container,
global: {
mocks: { $store }
}
})
expect(await wrapper.vm.prepareCopy()).to.be.instanceof(HTMLCanvasElement)
@@ -252,7 +265,10 @@ describe('Pivot.vue', () => {
}
}
},
attachTo: container
attachTo: container,
global: {
mocks: { $store }
}
})
const chartComponent = wrapper.findComponent({ref: "customChart"}).vm
@@ -287,7 +303,10 @@ describe('Pivot.vue', () => {
}
}
},
attachTo: container
attachTo: container,
global: {
mocks: { $store }
}
})
const chartComponent = wrapper.findComponent({ref: "customChart"}).vm
@@ -322,7 +341,10 @@ describe('Pivot.vue', () => {
}
}
},
attachTo: container
attachTo: container,
global: {
mocks: { $store }
}
})
const chartComponent = wrapper.findComponent({ref: "customChart"}).vm
@@ -352,7 +374,10 @@ describe('Pivot.vue', () => {
rendererName: 'Bar Chart'
}
},
attachTo: container
attachTo: container,
global: {
stubs: { 'chart': true }
}
})
await wrapper.vm.saveAsSvg()
@@ -380,7 +405,10 @@ describe('Pivot.vue', () => {
rendererName: 'Bar Chart'
}
},
attachTo: container
attachTo: container,
global: {
stubs: { 'chart': true }
}
})
await wrapper.vm.saveAsHtml()
@@ -410,7 +438,10 @@ describe('Pivot.vue', () => {
rendererName: 'Table'
}
},
attachTo: container
attachTo: container,
global: {
stubs: { 'chart': true }
}
})
await wrapper.vm.saveAsHtml()
@@ -440,7 +471,10 @@ describe('Pivot.vue', () => {
rendererName: 'Bar Chart'
}
},
attachTo: container
attachTo: container,
global: {
stubs: { 'chart': true }
}
})
await wrapper.vm.saveAsPng()
@@ -472,7 +506,10 @@ describe('Pivot.vue', () => {
rendererName: 'Table'
}
},
attachTo: container
attachTo: container,
global: {
stubs: { 'chart': true }
}
})
await wrapper.vm.saveAsPng()