mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
11ca909b85
- Press enter starts search - Press escape clears search - Select entry goes to post - Select dropdown content
41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
JavaScript
import { shallowMount, mount } from '@vue/test-utils'
|
|
import SearchInput from './SearchInput.vue'
|
|
import Vue from 'vue'
|
|
import Styleguide from '@human-connection/styleguide'
|
|
Vue.use(Styleguide)
|
|
|
|
describe('SearchInput.vue', () => {
|
|
let wrapper
|
|
const mocks = { $t: () => {} }
|
|
|
|
beforeEach(() => {
|
|
wrapper = shallowMount(SearchInput, { mocks })
|
|
})
|
|
|
|
it('renders', () => {
|
|
expect(wrapper.is('div')).toBe(true)
|
|
})
|
|
|
|
it('has id "nav-search"', () => {
|
|
expect(wrapper.contains('#nav-search')).toBe(true)
|
|
})
|
|
|
|
it('defaults to an empty value', () => {
|
|
wrapper = mount(SearchInput, { mocks })
|
|
expect(wrapper.vm.value).toBe('')
|
|
})
|
|
|
|
it('defaults to id "nav-search"', () => {
|
|
wrapper = mount(SearchInput, { mocks })
|
|
expect(wrapper.vm.id).toBe('nav-search')
|
|
})
|
|
|
|
it('changes searchValue as a user inputs a value', () => {
|
|
wrapper = mount(SearchInput, { mocks })
|
|
let input = wrapper.find('input#nav-search')
|
|
input.trigger('focus')
|
|
input.setValue('abc')
|
|
expect(wrapper.vm.value).toBe('abc')
|
|
})
|
|
})
|