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

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

@@ -37,7 +37,7 @@ describe('Chart.vue', () => {
// mount the component
const wrapper = shallowMount(Chart, {
propsData: { dataSources }
props: { dataSources }
})
const newDataSources = {
@@ -58,7 +58,7 @@ describe('Chart.vue', () => {
// mount the component
const wrapper = shallowMount(Chart, {
propsData: { dataSources }
props: { dataSources }
})
await wrapper.setProps({ dataSources: null })
@@ -73,7 +73,7 @@ describe('Chart.vue', () => {
}
const wrapper = mount(Chart, {
propsData: { dataSources }
props: { dataSources }
})
sinon.spy(wrapper.vm, 'prepareCopy')

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

@@ -1,5 +1,5 @@
import { expect } from 'chai'
import { mount, createWrapper } from '@vue/test-utils'
import { mount, DOMWrapper } from '@vue/test-utils'
import DataView from '@/views/Main/Workspace/Tabs/Tab/DataView'
import sinon from 'sinon'
@@ -11,7 +11,7 @@ describe('DataView.vue', () => {
it('emits update on mode changing', async () => {
const wrapper = mount(DataView)
const pivotBtn = createWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
const pivotBtn = new DOMWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
await pivotBtn.trigger('click')
expect(wrapper.emitted('update')).to.have.lengthOf(1)
@@ -25,7 +25,7 @@ describe('DataView.vue', () => {
expect(wrapper.vm.getOptionsForSave()).to.eql({ here_are: 'chart_settings' })
const pivotBtn = createWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
const pivotBtn = new DOMWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
await pivotBtn.trigger('click')
const pivot = wrapper.findComponent({ name: 'pivot' }).vm
@@ -42,12 +42,12 @@ describe('DataView.vue', () => {
sinon.spy(chart, 'saveAsSvg')
// Export to svg
const svgBtn = createWrapper(wrapper.findComponent({ name: 'exportToSvgIcon' }).vm.$parent)
const svgBtn = new DOMWrapper(wrapper.findComponent({ name: 'exportToSvgIcon' }).vm.$parent)
await svgBtn.trigger('click')
expect(chart.saveAsSvg.calledOnce).to.equal(true)
// Switch to pivot
const pivotBtn = createWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
const pivotBtn = new DOMWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
await pivotBtn.trigger('click')
// Find pivot and spy the method
@@ -71,12 +71,12 @@ describe('DataView.vue', () => {
sinon.spy(chart, 'saveAsHtml')
// Export to html
const htmlBtn = createWrapper(wrapper.findComponent({ name: 'htmlIcon' }).vm.$parent)
const htmlBtn = new DOMWrapper(wrapper.findComponent({ name: 'htmlIcon' }).vm.$parent)
await htmlBtn.trigger('click')
expect(chart.saveAsHtml.calledOnce).to.equal(true)
// Switch to pivot
const pivotBtn = createWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
const pivotBtn = new DOMWrapper(wrapper.findComponent({ name: 'pivotIcon' }).vm.$parent)
await pivotBtn.trigger('click')
// Find pivot and spy the method
@@ -94,7 +94,7 @@ describe('DataView.vue', () => {
sinon.spy(window, 'alert')
const wrapper = mount(DataView)
const copyBtn = createWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
const copyBtn = new DOMWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
await copyBtn.trigger('click')
expect(
@@ -117,7 +117,7 @@ describe('DataView.vue', () => {
})
// Click copy to clipboard
const copyBtn = createWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
const copyBtn = new DOMWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
await copyBtn.trigger('click')
// The dialog is shown...
@@ -156,7 +156,7 @@ describe('DataView.vue', () => {
})
// Click copy to clipboard
const copyBtn = createWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
const copyBtn = new DOMWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
await copyBtn.trigger('click')
// Switch to microtasks (let prepareCopy run)
@@ -181,7 +181,7 @@ describe('DataView.vue', () => {
})
// Click copy to clipboard
const copyBtn = createWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
const copyBtn = new DOMWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
await copyBtn.trigger('click')
// Switch to microtasks (let prepareCopy run)

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

@@ -22,7 +22,7 @@ describe('Pivot.vue', () => {
it('renders pivot table', () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -39,25 +39,25 @@ describe('Pivot.vue', () => {
}
})
const colLabels = wrapper.findAll('.pivot-output thead th.pvtColLabel')
expect(colLabels.at(0).text()).to.equal('2020')
expect(colLabels.at(1).text()).to.equal('2021')
expect(colLabels[0].text()).to.equal('2020')
expect(colLabels[1].text()).to.equal('2021')
const rows = wrapper.findAll('.pivot-output tbody tr')
// row0: bar - 2 - 1
expect(rows.at(0).find('th').text()).to.equal('bar')
expect(rows.at(0).find('td.col0').text()).to.equal('2')
expect(rows.at(0).find('td.col1').text()).to.equal('1')
expect(rows.at(0).find('td.rowTotal').text()).to.equal('3')
expect(rows[0].find('th').text()).to.equal('bar')
expect(rows[0].find('td.col0').text()).to.equal('2')
expect(rows[0].find('td.col1').text()).to.equal('1')
expect(rows[0].find('td.rowTotal').text()).to.equal('3')
// row1: foo - - 2
expect(rows.at(1).find('th').text()).to.equal('foo')
expect(rows.at(1).find('td.col0').text()).to.equal('')
expect(rows.at(1).find('td.col1').text()).to.equal('1')
expect(rows.at(1).find('td.rowTotal').text()).to.equal('1')
expect(rows[1].find('th').text()).to.equal('foo')
expect(rows[1].find('td.col0').text()).to.equal('')
expect(rows[1].find('td.col1').text()).to.equal('1')
expect(rows[1].find('td.rowTotal').text()).to.equal('1')
})
it('updates when dataSource changes', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -82,31 +82,31 @@ describe('Pivot.vue', () => {
})
const colLabels = wrapper.findAll('.pivot-output thead th.pvtColLabel')
expect(colLabels.at(0).text()).to.equal('2020')
expect(colLabels.at(1).text()).to.equal('2021')
expect(colLabels[0].text()).to.equal('2020')
expect(colLabels[1].text()).to.equal('2021')
const rows = wrapper.findAll('.pivot-output tbody tr')
// row0: bar - 2 - 1
expect(rows.at(0).find('th').text()).to.equal('bar')
expect(rows.at(0).find('td.col0').text()).to.equal('2')
expect(rows.at(0).find('td.col1').text()).to.equal('1')
expect(rows.at(0).find('td.rowTotal').text()).to.equal('3')
expect(rows[0].find('th').text()).to.equal('bar')
expect(rows[0].find('td.col0').text()).to.equal('2')
expect(rows[0].find('td.col1').text()).to.equal('1')
expect(rows[0].find('td.rowTotal').text()).to.equal('3')
// row1: baz - 1 -
expect(rows.at(1).find('th').text()).to.equal('baz')
expect(rows.at(1).find('td.col0').text()).to.equal('1')
expect(rows.at(1).find('td.col1').text()).to.equal('')
expect(rows.at(1).find('td.rowTotal').text()).to.equal('1')
expect(rows[1].find('th').text()).to.equal('baz')
expect(rows[1].find('td.col0').text()).to.equal('1')
expect(rows[1].find('td.col1').text()).to.equal('')
expect(rows[1].find('td.rowTotal').text()).to.equal('1')
// row2: foo - - 2
expect(rows.at(2).find('th').text()).to.equal('foo')
expect(rows.at(2).find('td.col0').text()).to.equal('')
expect(rows.at(2).find('td.col1').text()).to.equal('2')
expect(rows.at(2).find('td.rowTotal').text()).to.equal('2')
expect(rows[2].find('th').text()).to.equal('foo')
expect(rows[2].find('td.col0').text()).to.equal('')
expect(rows[2].find('td.col1').text()).to.equal('2')
expect(rows[2].find('td.rowTotal').text()).to.equal('2')
})
it('returns options for save', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -182,7 +182,7 @@ describe('Pivot.vue', () => {
it('prepareCopy returns canvas for tables and url for plotly charts', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -239,7 +239,7 @@ describe('Pivot.vue', () => {
it('saveAsSvg calls chart method if renderer is Custom Chart', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -274,7 +274,7 @@ describe('Pivot.vue', () => {
it('saveAsHtml calls chart method if renderer is Custom Chart', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -309,7 +309,7 @@ describe('Pivot.vue', () => {
it('saveAsPng calls chart method if renderer is Custom Chart', async () => {
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -346,7 +346,7 @@ describe('Pivot.vue', () => {
sinon.spy(chartHelper, 'getImageDataUrl')
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -374,7 +374,7 @@ describe('Pivot.vue', () => {
sinon.spy(chartHelper, 'getHtml')
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -404,7 +404,7 @@ describe('Pivot.vue', () => {
sinon.stub(fIo, 'exportToFile')
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -434,7 +434,7 @@ describe('Pivot.vue', () => {
sinon.stub(fIo, 'downloadFromUrl')
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]
@@ -466,7 +466,7 @@ describe('Pivot.vue', () => {
sinon.stub(fIo, 'downloadFromUrl')
const wrapper = mount(Pivot, {
propsData: {
props: {
dataSources: {
item: ['foo', 'bar', 'bar', 'bar'],
year: [2021, 2021, 2020, 2020]

2
tests/views/Main/Workspace/Tabs/Tab/DataView/Pivot/PivotUi/PivotSortBtn.spec.js
View File

@@ -4,7 +4,7 @@ import PivotSortBtn from '@/views/Main/Workspace/Tabs/Tab/DataView/Pivot/PivotUi
describe('PivotSortBtn.vue', () => {
it('switches order', async () => {
const wrapper = shallowMount(PivotSortBtn, { propsData: { value: 'key_a_to_z' } })
const wrapper = shallowMount(PivotSortBtn, { props: { value: 'key_a_to_z' } })
expect(wrapper.vm.value).to.equal('key_a_to_z')
await wrapper.find('.pivot-sort-btn').trigger('click')

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

@@ -5,13 +5,13 @@ import PivotUi from '@/views/Main/Workspace/Tabs/Tab/DataView/Pivot/PivotUi'
describe('PivotUi.vue', () => {
it('returns value when settings changed', async () => {
const wrapper = mount(PivotUi, {
propsData: {
props: {
keyNames: ['foo', 'bar']
}
})
// choose columns
await wrapper.findAll('.sqliteviz-select.cols .multiselect__element > span').at(0)
await wrapper.findAll('.sqliteviz-select.cols .multiselect__element > span')[0]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(1)
@@ -25,7 +25,7 @@ describe('PivotUi.vue', () => {
expect(wrapper.emitted().input[0][0].vals).to.eql([])
// choose rows
await wrapper.findAll('.sqliteviz-select.rows .multiselect__element > span').at(0)
await wrapper.findAll('.sqliteviz-select.rows .multiselect__element > span')[0]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(2)
@@ -65,7 +65,7 @@ describe('PivotUi.vue', () => {
expect(wrapper.emitted().input[3][0].vals).to.eql([])
// change aggregator
await wrapper.findAll('.sqliteviz-select.aggregator .multiselect__element > span').at(12)
await wrapper.findAll('.sqliteviz-select.aggregator .multiselect__element > span')[12]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(5)
@@ -80,8 +80,8 @@ describe('PivotUi.vue', () => {
// set first aggregator argument
await wrapper
.findAll('.sqliteviz-select.aggr-arg').at(0)
.findAll('.multiselect__element > span').at(0)
.findAll('.sqliteviz-select.aggr-arg')[0]
.findAll('.multiselect__element > span')[0]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(6)
@@ -96,8 +96,8 @@ describe('PivotUi.vue', () => {
// set second aggregator argument
await wrapper
.findAll('.sqliteviz-select.aggr-arg').at(1)
.findAll('.multiselect__element > span').at(1)
.findAll('.sqliteviz-select.aggr-arg')[1]
.findAll('.multiselect__element > span')[1]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(7)
@@ -111,7 +111,7 @@ describe('PivotUi.vue', () => {
expect(wrapper.emitted().input[6][0].vals).to.eql(['foo', 'bar'])
// change renderer
await wrapper.findAll('.sqliteviz-select.renderer .multiselect__element > span').at(13)
await wrapper.findAll('.sqliteviz-select.renderer .multiselect__element > span')[13]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(8)
@@ -126,7 +126,7 @@ describe('PivotUi.vue', () => {
expect(wrapper.emitted().input[7][0].vals).to.eql(['foo', 'bar'])
// change aggregator again
await wrapper.findAll('.sqliteviz-select.aggregator .multiselect__element > span').at(3)
await wrapper.findAll('.sqliteviz-select.aggregator .multiselect__element > span')[3]
.trigger('click')
expect(wrapper.emitted().update.length).to.equal(9)