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

34
tests/views/Main/Workspace/Tabs/Tab/RunResult/Record.spec.js
View File

@@ -5,7 +5,7 @@ import Record from '@/views/Main/Workspace/Tabs/Tab/RunResult/Record'
describe('Record.vue', () => {
it('shows record with selected cell', async () => {
const wrapper = mount(Record, {
propsData: {
props: {
dataSet: {
columns: ['id', 'name'],
values: {
@@ -20,10 +20,10 @@ describe('Record.vue', () => {
const rows = wrapper.findAll('tbody tr')
expect(rows).to.have.lengthOf(2)
expect(rows.at(0).findAll('th').at(0).text()).to.equals('id')
expect(rows.at(0).findAll('td').at(0).text()).to.equals('2')
expect(rows.at(1).findAll('th').at(0).text()).to.equals('name')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('bar')
expect(rows[0].findAll('th')[0].text()).to.equals('id')
expect(rows[0].findAll('td')[0].text()).to.equals('2')
expect(rows[1].findAll('th')[0].text()).to.equals('name')
expect(rows[1].findAll('td')[0].text()).to.equals('bar')
const selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
@@ -32,7 +32,7 @@ describe('Record.vue', () => {
it('switches to the next or previous row', async () => {
const wrapper = mount(Record, {
propsData: {
props: {
dataSet: {
columns: ['id', 'name'],
values: {
@@ -47,8 +47,8 @@ describe('Record.vue', () => {
let rows = wrapper.findAll('tbody tr')
expect(rows).to.have.lengthOf(2)
expect(rows.at(0).findAll('td').at(0).text()).to.equals('1')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('foo')
expect(rows[0].findAll('td')[0].text()).to.equals('1')
expect(rows[1].findAll('td')[0].text()).to.equals('foo')
let selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
expect(selectedCell.text()).to.equals('1')
@@ -56,8 +56,8 @@ describe('Record.vue', () => {
await wrapper.find('.next').trigger('click')
rows = wrapper.findAll('tbody tr')
expect(rows.at(0).findAll('td').at(0).text()).to.equals('2')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('bar')
expect(rows[0].findAll('td')[0].text()).to.equals('2')
expect(rows[1].findAll('td')[0].text()).to.equals('bar')
selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
expect(selectedCell.text()).to.equals('2')
@@ -65,8 +65,8 @@ describe('Record.vue', () => {
await wrapper.find('.prev').trigger('click')
rows = wrapper.findAll('tbody tr')
expect(rows.at(0).findAll('td').at(0).text()).to.equals('1')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('foo')
expect(rows[0].findAll('td')[0].text()).to.equals('1')
expect(rows[1].findAll('td')[0].text()).to.equals('foo')
selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
expect(selectedCell.text()).to.equals('1')
@@ -74,8 +74,8 @@ describe('Record.vue', () => {
await wrapper.find('.last').trigger('click')
rows = wrapper.findAll('tbody tr')
expect(rows.at(0).findAll('td').at(0).text()).to.equals('3')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('baz')
expect(rows[0].findAll('td')[0].text()).to.equals('3')
expect(rows[1].findAll('td')[0].text()).to.equals('baz')
selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
expect(selectedCell.text()).to.equals('3')
@@ -83,8 +83,8 @@ describe('Record.vue', () => {
await wrapper.find('.first').trigger('click')
rows = wrapper.findAll('tbody tr')
expect(rows.at(0).findAll('td').at(0).text()).to.equals('1')
expect(rows.at(1).findAll('td').at(0).text()).to.equals('foo')
expect(rows[0].findAll('td')[0].text()).to.equals('1')
expect(rows[1].findAll('td')[0].text()).to.equals('foo')
selectedCell = wrapper
.find('.sqliteviz-table tbody td[aria-selected="true"]')
expect(selectedCell.text()).to.equals('1')
@@ -92,7 +92,7 @@ describe('Record.vue', () => {
it('removes selection when click on selected cell', async () => {
const wrapper = mount(Record, {
propsData: {
props: {
dataSet: {
columns: ['id', 'name'],
values: {

46
tests/views/Main/Workspace/Tabs/Tab/RunResult/RunResult.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 RunResult from '@/views/Main/Workspace/Tabs/Tab/RunResult'
import csv from '@/lib/csv'
import sinon from 'sinon'
@@ -14,7 +14,7 @@ describe('RunResult.vue', () => {
delete window.ClipboardItem
sinon.spy(window, 'alert')
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -26,7 +26,7 @@ describe('RunResult.vue', () => {
}
})
const copyBtn = createWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
const copyBtn = new DOMWrapper(wrapper.findComponent({ name: 'clipboardIcon' }).vm.$parent)
await copyBtn.trigger('click')
expect(
@@ -44,7 +44,7 @@ describe('RunResult.vue', () => {
sinon.stub(window.navigator.clipboard, 'writeText').resolves()
const clock = sinon.useFakeTimers()
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -60,7 +60,7 @@ describe('RunResult.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...
@@ -90,7 +90,7 @@ describe('RunResult.vue', () => {
sinon.stub(window.navigator.clipboard, 'writeText').resolves()
const clock = sinon.useFakeTimers()
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -107,7 +107,7 @@ describe('RunResult.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 serialize run)
@@ -124,7 +124,7 @@ describe('RunResult.vue', () => {
sinon.stub(window.navigator.clipboard, 'writeText').resolves()
const clock = sinon.useFakeTimers()
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -141,7 +141,7 @@ describe('RunResult.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 serialize run)
@@ -159,7 +159,7 @@ describe('RunResult.vue', () => {
it('shows value of selected cell - result set', async () => {
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -172,7 +172,7 @@ describe('RunResult.vue', () => {
})
// Open cell value panel
const viewValueBtn = createWrapper(
const viewValueBtn = new DOMWrapper(
wrapper.findComponent({ name: 'viewCellValueIcon' }).vm.$parent
)
await viewValueBtn.trigger('click')
@@ -186,7 +186,7 @@ describe('RunResult.vue', () => {
// Click on '1' cell
const rows = wrapper.findAll('table tbody tr')
await rows.at(0).findAll('td').at(0).trigger('click')
await rows[0].findAll('td')[0].trigger('click')
expect(wrapper.find('.value-body').text()).to.equals('1')
@@ -207,12 +207,12 @@ describe('RunResult.vue', () => {
expect(wrapper.find('.value-body').text()).to.equals('1')
// Click on 'bar' cell
await rows.at(1).findAll('td').at(1).trigger('click')
await rows[1].findAll('td')[1].trigger('click')
expect(wrapper.find('.value-body').text()).to.equals('bar')
// Click on 'bar' cell again
await rows.at(1).findAll('td').at(1).trigger('click')
await rows[1].findAll('td')[1].trigger('click')
expect(wrapper.find('.value-viewer-container .table-preview').text())
.to.equals('No cell selected to view')
@@ -220,7 +220,7 @@ describe('RunResult.vue', () => {
it('shows value of selected cell - record view', async () => {
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -233,13 +233,13 @@ describe('RunResult.vue', () => {
})
// Open cell value panel
const viewValueBtn = createWrapper(
const viewValueBtn = new DOMWrapper(
wrapper.findComponent({ name: 'viewCellValueIcon' }).vm.$parent
)
await viewValueBtn.trigger('click')
// Go to record view
const vierRecordBtn = createWrapper(
const vierRecordBtn = new DOMWrapper(
wrapper.findComponent({ name: 'rowIcon' }).vm.$parent
)
await vierRecordBtn.trigger('click')
@@ -280,18 +280,18 @@ describe('RunResult.vue', () => {
// Click on 'foo' cell
const rows = wrapper.findAll('table tbody tr')
await rows.at(1).find('td').trigger('click')
await rows[1].find('td').trigger('click')
expect(wrapper.find('.value-body').text()).to.equals('foo')
// Click on 'foo' cell again
await rows.at(1).find('td').trigger('click')
await rows[1].find('td').trigger('click')
expect(wrapper.find('.value-viewer-container .table-preview').text())
.to.equals('No cell selected to view')
})
it('keeps selected cell when switch between record and regular view', async () => {
const wrapper = mount(RunResult, {
propsData: {
props: {
tab: { id: 1 },
result: {
columns: ['id', 'name'],
@@ -304,19 +304,19 @@ describe('RunResult.vue', () => {
})
// Open cell value panel
const viewValueBtn = createWrapper(
const viewValueBtn = new DOMWrapper(
wrapper.findComponent({ name: 'viewCellValueIcon' }).vm.$parent
)
await viewValueBtn.trigger('click')
// Click on 'name-1' cell
const rows = wrapper.findAll('table tbody tr')
await rows.at(1).findAll('td').at(1).trigger('click')
await rows[1].findAll('td')[1].trigger('click')
expect(wrapper.find('.value-body').text()).to.equals('name-1')
// Go to record view
const vierRecordBtn = createWrapper(
const vierRecordBtn = new DOMWrapper(
wrapper.findComponent({ name: 'rowIcon' }).vm.$parent
)
await vierRecordBtn.trigger('click')

6
tests/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.spec.js
View File

@@ -10,7 +10,7 @@ describe('ValueViewer.vue', () => {
it('shows value in text mode', async () => {
const wrapper = mount(ValueViewer, {
propsData: {
props: {
cellValue: 'foo'
}
})
@@ -20,7 +20,7 @@ describe('ValueViewer.vue', () => {
it('shows error in json mode if the value is not json', async () => {
const wrapper = mount(ValueViewer, {
propsData: {
props: {
cellValue: 'foo'
}
})
@@ -31,7 +31,7 @@ describe('ValueViewer.vue', () => {
it('copy to clipboard', async () => {
sinon.stub(window.navigator.clipboard, 'writeText').resolves()
const wrapper = mount(ValueViewer, {
propsData: {
props: {
cellValue: 'foo'
}
})