From 0bb746804bba11761b212bd179de0f39e1c08412 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 19 Aug 2019 14:06:32 +0100
Subject: [PATCH] add masonry grid item tests

---
 .../MasonryGrid/MasonryGridItem.spec.js       | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 webapp/components/MasonryGrid/MasonryGridItem.spec.js

diff --git a/webapp/components/MasonryGrid/MasonryGridItem.spec.js b/webapp/components/MasonryGrid/MasonryGridItem.spec.js
new file mode 100644
index 000000000..f3ae5b906
--- /dev/null
+++ b/webapp/components/MasonryGrid/MasonryGridItem.spec.js
@@ -0,0 +1,27 @@
+import { mount } from '@vue/test-utils'
+import MasonryGridItem from './MasonryGridItem'
+
+describe('MasonryGridItem', () => {
+  let wrapper
+
+  beforeEach(() => {
+    wrapper = mount(MasonryGridItem)
+    wrapper.vm.$parent.$emit = jest.fn()
+  })
+
+  it('emits "calculating-item-height" when starting calculation', async () => {
+    wrapper.vm.calculateItemHeight()
+    await wrapper.vm.$nextTick()
+
+    const firstCallArgument = wrapper.vm.$parent.$emit.mock.calls[0][0]
+    expect(firstCallArgument).toBe('calculating-item-height')
+  })
+
+  it('emits "finished-calculating-item-height" after the calculation', async () => {
+    wrapper.vm.calculateItemHeight()
+    await wrapper.vm.$nextTick()
+
+    const secondCallArgument = wrapper.vm.$parent.$emit.mock.calls[1][0]
+    expect(secondCallArgument).toBe('finished-calculating-item-height')
+  })
+})