From ffb3ff896e9649cdde7b96430b921be29529a791 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 11 Nov 2019 17:36:04 +0300
Subject: [PATCH] add tests for DonationInfo component (wip)

---
 .../DonationInfo/DonationInfo.spec.js         | 55 +++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 webapp/components/DonationInfo/DonationInfo.spec.js

diff --git a/webapp/components/DonationInfo/DonationInfo.spec.js b/webapp/components/DonationInfo/DonationInfo.spec.js
new file mode 100644
index 000000000..64fd432e8
--- /dev/null
+++ b/webapp/components/DonationInfo/DonationInfo.spec.js
@@ -0,0 +1,55 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import Styleguide from '@human-connection/styleguide'
+import DonationInfo from './DonationInfo.vue'
+
+const localVue = createLocalVue()
+localVue.use(Styleguide)
+
+const mockDate = new Date(2019, 11, 6)
+global.Date = jest.fn(() => mockDate)
+
+describe('DonationInfo.vue', () => {
+  const mocks = {
+    $t: jest.fn(string => string),
+    $i18n: {
+      locale: () => 'de',
+    },
+  }
+
+  const propsData = {
+    goal: 50000,
+    progress: 10000,
+  }
+
+  const Wrapper = () => mount(DonationInfo, { propsData, 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')
+  })
+
+  it('creates a label from the given amounts and a translation string', () => {
+    Wrapper()
+    expect(mocks.$t.mock.calls[1][0]).toBe('donations.amount-of-total')
+    expect(mocks.$t.mock.calls[1][1]).toBe({
+      amount: '10.000',
+      total: '50.000',
+    })
+  })
+})