mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-07 02:28:54 +08:00
38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
import { expect } from 'chai'
|
|
import { shallowMount } from '@vue/test-utils'
|
|
import TableDescription from '@/components/TableDescription.vue'
|
|
|
|
describe('TableDescription.vue', () => {
|
|
it('Initially the columns are hidden and table name is rendered', () => {
|
|
const wrapper = shallowMount(TableDescription, {
|
|
propsData: {
|
|
name: 'Test table',
|
|
columns: [
|
|
{ name: 'id', type: 'number' },
|
|
{ name: 'title', type: 'nvarchar(24)' }
|
|
]
|
|
}
|
|
})
|
|
expect(wrapper.find('.table-name').text()).to.equal('Test table')
|
|
expect(wrapper.find('.columns').isVisible()).to.equal(false)
|
|
})
|
|
|
|
it('Columns are visible and correct when click on table name', async () => {
|
|
const wrapper = shallowMount(TableDescription, {
|
|
propsData: {
|
|
name: 'Test table',
|
|
columns: [
|
|
{ name: 'id', type: 'number' },
|
|
{ name: 'title', type: 'nvarchar(24)' }
|
|
]
|
|
}
|
|
})
|
|
await wrapper.find('.table-name').trigger('click')
|
|
|
|
expect(wrapper.find('.columns').isVisible()).to.equal(true)
|
|
expect(wrapper.findAll('.column').length).to.equal(2)
|
|
expect(wrapper.findAll('.column').at(0).text()).to.include('id').and.include('number')
|
|
expect(wrapper.findAll('.column').at(1).text()).to.include('title').and.include('nvarchar(24)')
|
|
})
|
|
})
|