mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
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
29 lines
777 B
JavaScript
29 lines
777 B
JavaScript
import { mount } from '@vue/test-utils'
|
|
|
|
import MasonryGrid from './MasonryGrid'
|
|
|
|
const localVue = global.localVue
|
|
|
|
describe('MasonryGrid', () => {
|
|
let wrapper
|
|
let masonryGrid
|
|
|
|
beforeEach(() => {
|
|
wrapper = mount(MasonryGrid, { localVue })
|
|
masonryGrid = wrapper.vm.$children[0]
|
|
})
|
|
|
|
it('adds the "reset-grid-height" class when one or more children are updating', () => {
|
|
masonryGrid.$emit('calculating-item-height')
|
|
|
|
expect(wrapper.classes()).toContain('reset-grid-height')
|
|
})
|
|
|
|
it('removes the "reset-grid-height" class when all children have completed updating', () => {
|
|
wrapper.setData({ itemsCalculating: 1 })
|
|
masonryGrid.$emit('finished-calculating-item-height')
|
|
|
|
expect(wrapper.classes()).not.toContain('reset-grid-height')
|
|
})
|
|
})
|