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
80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
import { mount } from '@vue/test-utils'
|
|
|
|
import DonationInfo from './DonationInfo.vue'
|
|
|
|
const localVue = global.localVue
|
|
|
|
const mockDate = new Date(2019, 11, 6)
|
|
global.Date = jest.fn(() => mockDate)
|
|
|
|
describe('DonationInfo.vue', () => {
|
|
let mocks, wrapper
|
|
|
|
beforeEach(() => {
|
|
mocks = {
|
|
$t: jest.fn(string => string),
|
|
$i18n: {
|
|
locale: () => 'de',
|
|
},
|
|
}
|
|
})
|
|
|
|
const Wrapper = () => mount(DonationInfo, { mocks, localVue })
|
|
|
|
it('includes a link to the Human Connection donations website', () => {
|
|
expect(
|
|
Wrapper()
|
|
.find('a')
|
|
.attributes('href'),
|
|
).toBe('https://human-connection.org/spenden/')
|
|
})
|
|
|
|
it('displays a call to action button', () => {
|
|
expect(
|
|
Wrapper()
|
|
.find('.ds-button')
|
|
.text(),
|
|
).toBe('donations.donate-now')
|
|
})
|
|
|
|
it('creates a title from the current month and a translation string', () => {
|
|
mocks.$t = jest.fn(() => 'Spenden für')
|
|
expect(Wrapper().vm.title).toBe('Spenden für Dezember')
|
|
})
|
|
|
|
describe('mount with data', () => {
|
|
beforeEach(() => {
|
|
wrapper = Wrapper()
|
|
wrapper.setData({ goal: 50000, progress: 10000 })
|
|
})
|
|
|
|
describe('given german locale', () => {
|
|
it('creates a label from the given amounts and a translation string', () => {
|
|
expect(mocks.$t).toBeCalledWith(
|
|
'donations.amount-of-total',
|
|
expect.objectContaining({
|
|
amount: '10.000',
|
|
total: '50.000',
|
|
}),
|
|
)
|
|
})
|
|
})
|
|
|
|
describe('given english locale', () => {
|
|
beforeEach(() => {
|
|
mocks.$i18n.locale = () => 'en'
|
|
})
|
|
|
|
it('creates a label from the given amounts and a translation string', () => {
|
|
expect(mocks.$t).toBeCalledWith(
|
|
'donations.amount-of-total',
|
|
expect.objectContaining({
|
|
amount: '10,000',
|
|
total: '50,000',
|
|
}),
|
|
)
|
|
})
|
|
})
|
|
})
|
|
})
|