mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-06 18:18:53 +08:00
lint fixes
This commit is contained in:
@@ -3,9 +3,9 @@ import { mount } from '@vue/test-utils'
|
|||||||
import SqlEditor from '@/components/SqlEditor.vue'
|
import SqlEditor from '@/components/SqlEditor.vue'
|
||||||
|
|
||||||
describe('SqlEditor.vue', () => {
|
describe('SqlEditor.vue', () => {
|
||||||
it('Emits input event when a query is changed', async() => {
|
it('Emits input event when a query is changed', async () => {
|
||||||
const wrapper = mount(SqlEditor)
|
const wrapper = mount(SqlEditor)
|
||||||
await wrapper.findComponent({ name: 'codemirror'}).vm.$emit('input', 'SELECT * FROM foo')
|
await wrapper.findComponent({ name: 'codemirror' }).vm.$emit('input', 'SELECT * FROM foo')
|
||||||
expect(wrapper.emitted('input')[0]).to.eql(['SELECT * FROM foo'])
|
expect(wrapper.emitted('input')[0]).to.eql(['SELECT * FROM foo'])
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -73,7 +73,7 @@ describe('Tab.vue', () => {
|
|||||||
expect(wrapper.findComponent({ ref: 'chart' }).vm.visible).to.equal(true)
|
expect(wrapper.findComponent({ ref: 'chart' }).vm.visible).to.equal(true)
|
||||||
})
|
})
|
||||||
|
|
||||||
it("Is not visible when not active", async () => {
|
it('Is not visible when not active', async () => {
|
||||||
// mock store state
|
// mock store state
|
||||||
const state = {
|
const state = {
|
||||||
currentTabId: 0
|
currentTabId: 0
|
||||||
@@ -93,7 +93,7 @@ describe('Tab.vue', () => {
|
|||||||
expect(wrapper.find('.tab-content-container').isVisible()).to.equal(false)
|
expect(wrapper.find('.tab-content-container').isVisible()).to.equal(false)
|
||||||
})
|
})
|
||||||
|
|
||||||
it("Calls setCurrentTab when becomes active", async () => {
|
it('Calls setCurrentTab when becomes active', async () => {
|
||||||
// mock store state
|
// mock store state
|
||||||
const state = {
|
const state = {
|
||||||
currentTabId: 0
|
currentTabId: 0
|
||||||
@@ -150,7 +150,7 @@ describe('Tab.vue', () => {
|
|||||||
|
|
||||||
const store = new Vuex.Store({ state, mutations })
|
const store = new Vuex.Store({ state, mutations })
|
||||||
const $db = {
|
const $db = {
|
||||||
execute() { return new Promise(() => {}) }
|
execute () { return new Promise(() => {}) }
|
||||||
}
|
}
|
||||||
// mount the component
|
// mount the component
|
||||||
const wrapper = mount(Tab, {
|
const wrapper = mount(Tab, {
|
||||||
@@ -183,7 +183,7 @@ describe('Tab.vue', () => {
|
|||||||
|
|
||||||
const store = new Vuex.Store({ state, mutations })
|
const store = new Vuex.Store({ state, mutations })
|
||||||
const $db = {
|
const $db = {
|
||||||
execute() { return Promise.reject('There is no table foo') }
|
execute () { return Promise.reject('There is no table foo') }
|
||||||
}
|
}
|
||||||
// mount the component
|
// mount the component
|
||||||
const wrapper = mount(Tab, {
|
const wrapper = mount(Tab, {
|
||||||
@@ -216,7 +216,7 @@ describe('Tab.vue', () => {
|
|||||||
const store = new Vuex.Store({ state, mutations })
|
const store = new Vuex.Store({ state, mutations })
|
||||||
const result = ['this is table result']
|
const result = ['this is table result']
|
||||||
const $db = {
|
const $db = {
|
||||||
execute() { return Promise.resolve(result) }
|
execute () { return Promise.resolve(result) }
|
||||||
}
|
}
|
||||||
// mount the component
|
// mount the component
|
||||||
const wrapper = mount(Tab, {
|
const wrapper = mount(Tab, {
|
||||||
|
|||||||
@@ -97,7 +97,7 @@ describe('Tabs.vue', () => {
|
|||||||
await firstTabCloseIcon.trigger('click')
|
await firstTabCloseIcon.trigger('click')
|
||||||
|
|
||||||
// check that the only one tab left and it's opened
|
// check that the only one tab left and it's opened
|
||||||
expect(wrapper.findAllComponents({name: 'Tab'})).to.have.lengthOf(1)
|
expect(wrapper.findAllComponents({ name: 'Tab' })).to.have.lengthOf(1)
|
||||||
|
|
||||||
const firstTab = wrapper.findAll('.tab').at(0)
|
const firstTab = wrapper.findAll('.tab').at(0)
|
||||||
expect(firstTab.text()).to.include('Untitled')
|
expect(firstTab.text()).to.include('Untitled')
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ describe('hint.js', () => {
|
|||||||
// mock showHint and editor
|
// mock showHint and editor
|
||||||
sinon.stub(CM, 'showHint')
|
sinon.stub(CM, 'showHint')
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'SELECT',
|
string: 'SELECT',
|
||||||
type: 'keyword'
|
type: 'keyword'
|
||||||
@@ -36,7 +36,7 @@ describe('hint.js', () => {
|
|||||||
getCursor: sinon.stub()
|
getCursor: sinon.stub()
|
||||||
}
|
}
|
||||||
|
|
||||||
const clock = sinon.useFakeTimers();
|
const clock = sinon.useFakeTimers()
|
||||||
hint.show(editor)
|
hint.show(editor)
|
||||||
clock.tick(500)
|
clock.tick(500)
|
||||||
|
|
||||||
@@ -53,7 +53,7 @@ describe('hint.js', () => {
|
|||||||
// mock showHint and editor
|
// mock showHint and editor
|
||||||
sinon.stub(CM, 'showHint')
|
sinon.stub(CM, 'showHint')
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'foo',
|
string: 'foo',
|
||||||
type: 'string'
|
type: 'string'
|
||||||
@@ -75,7 +75,7 @@ describe('hint.js', () => {
|
|||||||
// mock showHint and editor
|
// mock showHint and editor
|
||||||
sinon.stub(CM, 'showHint')
|
sinon.stub(CM, 'showHint')
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: ' ',
|
string: ' ',
|
||||||
type: null
|
type: null
|
||||||
@@ -97,7 +97,7 @@ describe('hint.js', () => {
|
|||||||
// mock showHint and editor
|
// mock showHint and editor
|
||||||
sinon.stub(CM, 'showHint')
|
sinon.stub(CM, 'showHint')
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: ';',
|
string: ';',
|
||||||
type: 'punctuation'
|
type: 'punctuation'
|
||||||
@@ -115,11 +115,11 @@ describe('hint.js', () => {
|
|||||||
sinon.restore()
|
sinon.restore()
|
||||||
})
|
})
|
||||||
|
|
||||||
it("getHints returns [ ] if there is only one option and the token is already completed with this option", () => {
|
it('getHints returns [ ] if there is only one option and the token is already completed with this option', () => {
|
||||||
// mock CM.hint.sql and editor
|
// mock CM.hint.sql and editor
|
||||||
sinon.stub(CM.hint, 'sql').returns({ list: [{ text: 'SELECT' }] })
|
sinon.stub(CM.hint, 'sql').returns({ list: [{ text: 'SELECT' }] })
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'select',
|
string: 'select',
|
||||||
type: 'keyword'
|
type: 'keyword'
|
||||||
@@ -134,15 +134,15 @@ describe('hint.js', () => {
|
|||||||
sinon.restore()
|
sinon.restore()
|
||||||
})
|
})
|
||||||
|
|
||||||
it("getHints returns hints as is when there are more than one option", () => {
|
it('getHints returns hints as is when there are more than one option', () => {
|
||||||
// mock CM.hint.sql and editor
|
// mock CM.hint.sql and editor
|
||||||
let list = [
|
const list = [
|
||||||
{ text: 'SELECT' },
|
{ text: 'SELECT' },
|
||||||
{ text: 'ST' }
|
{ text: 'ST' }
|
||||||
]
|
]
|
||||||
sinon.stub(CM.hint, 'sql').returns({ list })
|
sinon.stub(CM.hint, 'sql').returns({ list })
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'se',
|
string: 'se',
|
||||||
type: 'keyword'
|
type: 'keyword'
|
||||||
@@ -157,12 +157,12 @@ describe('hint.js', () => {
|
|||||||
sinon.restore()
|
sinon.restore()
|
||||||
})
|
})
|
||||||
|
|
||||||
it("getHints returns hints as is when there only one option but the token is not cpmpleted", () => {
|
it('getHints returns hints as is when there only one option but the token is not cpmpleted', () => {
|
||||||
// mock CM.hint.sql and editor
|
// mock CM.hint.sql and editor
|
||||||
let list = [{ text: 'SELECT' }]
|
const list = [{ text: 'SELECT' }]
|
||||||
sinon.stub(CM.hint, 'sql').returns({ list })
|
sinon.stub(CM.hint, 'sql').returns({ list })
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'sele',
|
string: 'sele',
|
||||||
type: 'keyword'
|
type: 'keyword'
|
||||||
@@ -184,7 +184,7 @@ describe('hint.js', () => {
|
|||||||
// mock showHint and editor
|
// mock showHint and editor
|
||||||
sinon.stub(CM, 'showHint')
|
sinon.stub(CM, 'showHint')
|
||||||
const editor = {
|
const editor = {
|
||||||
getTokenAt() {
|
getTokenAt () {
|
||||||
return {
|
return {
|
||||||
string: 'SELECT',
|
string: 'SELECT',
|
||||||
type: 'keyword'
|
type: 'keyword'
|
||||||
@@ -193,7 +193,7 @@ describe('hint.js', () => {
|
|||||||
getCursor: sinon.stub()
|
getCursor: sinon.stub()
|
||||||
}
|
}
|
||||||
|
|
||||||
const clock = sinon.useFakeTimers();
|
const clock = sinon.useFakeTimers()
|
||||||
hint.show(editor)
|
hint.show(editor)
|
||||||
clock.tick(500)
|
clock.tick(500)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user