mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
77f4810ddc
by setting up localVue with all required plugins (such as styleguide and vuex) in a separate testSetup file we can avoid doing this individually in all component tests the testSetup is executed before each test suite, so each test file gets a fresh instance of localVue
68 lines
1.4 KiB
JavaScript
68 lines
1.4 KiB
JavaScript
import { mount } from '@vue/test-utils'
|
|
import Avatar from './Avatar.vue'
|
|
|
|
const localVue = global.localVue
|
|
|
|
describe('Avatar.vue', () => {
|
|
let propsData = {}
|
|
|
|
const Wrapper = () => {
|
|
return mount(Avatar, { propsData, localVue })
|
|
}
|
|
|
|
it('renders no image', () => {
|
|
expect(
|
|
Wrapper()
|
|
.find('img')
|
|
.exists(),
|
|
).toBe(false)
|
|
})
|
|
|
|
it('renders an icon', () => {
|
|
expect(
|
|
Wrapper()
|
|
.find('.base-icon')
|
|
.exists(),
|
|
).toBe(true)
|
|
})
|
|
|
|
describe('given a user', () => {
|
|
describe('with a relative avatar url', () => {
|
|
beforeEach(() => {
|
|
propsData = {
|
|
user: {
|
|
avatar: '/avatar.jpg',
|
|
},
|
|
}
|
|
})
|
|
|
|
it('adds a prefix to load the image from the uploads service', () => {
|
|
expect(
|
|
Wrapper()
|
|
.find('img')
|
|
.attributes('src'),
|
|
).toBe('/api/avatar.jpg')
|
|
})
|
|
})
|
|
|
|
describe('with an absolute avatar url', () => {
|
|
beforeEach(() => {
|
|
propsData = {
|
|
user: {
|
|
avatar: 'https://s3.amazonaws.com/uifaces/faces/twitter/sawalazar/128.jpg',
|
|
},
|
|
}
|
|
})
|
|
|
|
it('keeps the avatar URL as is', () => {
|
|
// e.g. our seeds have absolute image URLs
|
|
expect(
|
|
Wrapper()
|
|
.find('img')
|
|
.attributes('src'),
|
|
).toBe('https://s3.amazonaws.com/uifaces/faces/twitter/sawalazar/128.jpg')
|
|
})
|
|
})
|
|
})
|
|
})
|