From 768b047e89f419deca3ddd00af7cb75209de97b6 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Fri, 30 Aug 2019 10:08:13 +0200
Subject: Move to nuxtjs

---
 test/Logo.spec.js | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 test/Logo.spec.js

(limited to 'test')

diff --git a/test/Logo.spec.js b/test/Logo.spec.js
new file mode 100644
index 0000000..1628640
--- /dev/null
+++ b/test/Logo.spec.js
@@ -0,0 +1,9 @@
+import { mount } from '@vue/test-utils'
+import Logo from '@/components/Logo.vue'
+
+describe('Logo', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(Logo)
+    expect(wrapper.isVueInstance()).toBeTruthy()
+  })
+})
-- 
cgit 1.4.1


From 021b6e975f6a263b96074502cabe4baf0eb6f875 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Fri, 30 Aug 2019 10:36:23 +0200
Subject: Add testing

---
 .circleci/config.yml               | 33 ++++++++++++++++++++++++
 components/Footer.vue              | 14 ++++------
 components/NavLink.vue             | 53 ++++++++++++++++++++++++++++++++++++++
 components/NavLink/NavLink.test.js | 20 --------------
 components/NavLink/index.vue       | 53 --------------------------------------
 test/Logo.spec.js                  |  9 -------
 test/NavLink.test.js               | 15 +++++++++++
 7 files changed, 106 insertions(+), 91 deletions(-)
 create mode 100644 .circleci/config.yml
 create mode 100644 components/NavLink.vue
 delete mode 100644 components/NavLink/NavLink.test.js
 delete mode 100644 components/NavLink/index.vue
 delete mode 100644 test/Logo.spec.js
 create mode 100644 test/NavLink.test.js

(limited to 'test')

diff --git a/.circleci/config.yml b/.circleci/config.yml
new file mode 100644
index 0000000..447bd4b
--- /dev/null
+++ b/.circleci/config.yml
@@ -0,0 +1,33 @@
+version: 2
+jobs:
+  build:
+    docker:
+      # specify the version you desire here
+      - image: circleci/node:12.7.10
+
+      # Specify service dependencies here if necessary
+      # CircleCI maintains a library of pre-built images
+      # documented at https://circleci.com/docs/2.0/circleci-images/
+      # - image: circleci/mongo:3.4.4
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      # Download and cache dependencies
+      - restore_cache:
+          keys:
+            - v1-dependencies-{{ checksum "package.json" }}
+            # fallback to using the latest cache if no exact match is found
+            - v1-dependencies-
+
+      - run: npm install
+
+      - save_cache:
+          paths:
+            - node_modules
+          key: v1-dependencies-{{ checksum "package.json" }}
+
+      # run tests!
+      - run: npm test
diff --git a/components/Footer.vue b/components/Footer.vue
index 1cdad44..69ea76a 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -2,14 +2,10 @@
   <div class="footer" :style="style">
     <div class="map">
       <div class="routes">
-        <router-link v-for="route in routes" :key="route.name" :to="route.path">{{route.name}}</router-link>
+        <nuxt-link v-for="route in routes" :key="route.name" :to="route.path">{{route.name}}</nuxt-link>
       </div>
       <div class="routes">
-        <router-link
-          v-for="route in specialRoutes"
-          :key="route.name"
-          :to="route.path"
-        >{{route.name}}</router-link>
+        <nuxt-link v-for="route in specialRoutes" :key="route.name" :to="route.path">{{route.name}}</nuxt-link>
       </div>
     </div>
     <div class="space"></div>
@@ -34,15 +30,15 @@ export default {
     specialRoutes: Array,
     color: {
       type: String,
-      default: "#507b34"
+      default: '#507b34'
     }
   },
   computed: {
     style() {
-      return `background-color: ${this.color}`;
+      return `background-color: ${this.color}`
     }
   }
-};
+}
 </script>
 
 <style scoped>
diff --git a/components/NavLink.vue b/components/NavLink.vue
new file mode 100644
index 0000000..f3a1c6e
--- /dev/null
+++ b/components/NavLink.vue
@@ -0,0 +1,53 @@
+<template>
+  <li class="navlink">
+    <a v-if="external" class="link" target="_blank" rel="”noopener”" :href="link">{{ name }}</a>
+    <nuxt-link v-else class="link" :to="link">{{ name }}</nuxt-link>
+  </li>
+</template>
+
+<script>
+export default {
+  props: {
+    link: String,
+    name: String,
+    external: { type: Boolean, default: false }
+  }
+}
+</script>
+
+<style scoped>
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
+
+.link {
+  font-family: 'Roboto Slab', serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  text-decoration: none;
+  color: #181818;
+
+  padding: 10px;
+
+  border-radius: 5px;
+}
+
+.link:hover {
+  background-color: #cfcfcf;
+}
+
+.navlink {
+  list-style-type: none;
+
+  margin: 10px;
+}
+
+.router-link-exact-active {
+  background-color: #ececec !important;
+}
+
+@media (max-width: 1300px) {
+  .navlink {
+    margin: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/components/NavLink/NavLink.test.js b/components/NavLink/NavLink.test.js
deleted file mode 100644
index a5da412..0000000
--- a/components/NavLink/NavLink.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { mount } from '@vue/test-utils';
-import NavLink from './index.vue';
-
-describe('NavLink', () => {
-  // Now mount the component and you have the wrapper
-  const wrapper = mount(NavLink);
-
-  wrapper.setProps({ link: '/link', name: 'Link' });
-
-  it('renders the correct markup', () => {
-    expect(wrapper.html()).toContain(`  <li class="navlink">
-    <a class="link" href="/link">Link</a>
-  </li>`);
-  });
-
-  // it's also easy to check for the existence of elements
-  it('has a button', () => {
-    expect(wrapper.contains('button')).toBe(true);
-  });
-});
diff --git a/components/NavLink/index.vue b/components/NavLink/index.vue
deleted file mode 100644
index 8915585..0000000
--- a/components/NavLink/index.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-  <li class="navlink">
-    <a v-if="external" class="link" target="_blank" rel="”noopener”" :href="link">{{ name }}</a>
-    <router-link v-else class="link" :to="link">{{ name }}</router-link>
-  </li>
-</template>
-
-<script>
-export default {
-  props: {
-    link: String,
-    name: String,
-    external: { type: Boolean, default: false }
-  }
-};
-</script>
-
-<style scoped>
-@import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap");
-
-.link {
-  font-family: "Roboto Slab", serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  text-decoration: none;
-  color: #181818;
-
-  padding: 10px;
-
-  border-radius: 5px;
-}
-
-.link:hover {
-  background-color: #cfcfcf;
-}
-
-.navlink {
-  list-style-type: none;
-
-  margin: 10px;
-}
-
-.router-link-exact-active {
-  background-color: #ececec !important;
-}
-
-@media (max-width: 1300px) {
-  .navlink {
-    margin: 0;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/test/Logo.spec.js b/test/Logo.spec.js
deleted file mode 100644
index 1628640..0000000
--- a/test/Logo.spec.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { mount } from '@vue/test-utils'
-import Logo from '@/components/Logo.vue'
-
-describe('Logo', () => {
-  test('is a Vue instance', () => {
-    const wrapper = mount(Logo)
-    expect(wrapper.isVueInstance()).toBeTruthy()
-  })
-})
diff --git a/test/NavLink.test.js b/test/NavLink.test.js
new file mode 100644
index 0000000..8a1f144
--- /dev/null
+++ b/test/NavLink.test.js
@@ -0,0 +1,15 @@
+import { mount } from '@vue/test-utils'
+import NavLink from '../components/NavLink'
+
+describe('NavLink', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = mount(NavLink)
+
+  wrapper.setProps({ link: '/link', name: 'Link' })
+
+  it('renders the correct markup', () => {
+    expect(wrapper.html()).toContain(
+      `<li class="navlink"><nuxt-link class="link" to="/link">Link</nuxt-link></li>`
+    )
+  })
+})
-- 
cgit 1.4.1


From 51b96f0c0bc9e00477e24d1d799dba0e3a519f24 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Fri, 30 Aug 2019 22:31:54 +0200
Subject: Add NavBar test

---
 components/NavBar.vue                   | 26 ++++++++++-----------
 test/NavBar.test.js                     | 27 ++++++++++++++++++++++
 test/NavLink.test.js                    | 12 ++++++++--
 test/__snapshots__/NavBar.test.js.snap  | 40 +++++++++++++++++++++++++++++++++
 test/__snapshots__/NavLink.test.js.snap | 14 ++++++++++++
 5 files changed, 104 insertions(+), 15 deletions(-)
 create mode 100644 test/NavBar.test.js
 create mode 100644 test/__snapshots__/NavBar.test.js.snap
 create mode 100644 test/__snapshots__/NavLink.test.js.snap

(limited to 'test')

diff --git a/components/NavBar.vue b/components/NavBar.vue
index e9fa1f0..e564fb0 100644
--- a/components/NavBar.vue
+++ b/components/NavBar.vue
@@ -2,7 +2,7 @@
   <nav :class="navbarClass">
     <div class="title">
       <img v-if="logo" class="logo" :src="logo" alt="ZHR" />
-      <router-link :class="titleClass" to="/">{{ title }}</router-link>
+      <nuxt-link :class="titleClass" to="/">{{ title }}</nuxt-link>
     </div>
     <div class="space"></div>
     <button @click="toggleMenu" class="menu-toggler">Menu</button>
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import NavLink from "./NavLink";
+import NavLink from './NavLink'
 
 export default {
   components: {
@@ -36,42 +36,42 @@ export default {
   computed: {
     titleClass() {
       if (this.logo) {
-        return "title-name margin";
+        return 'title-name margin'
       }
-      return "title-name";
+      return 'title-name'
     },
     navbarClass() {
       if (this.menuCollapsed) {
-        return "navbar";
+        return 'navbar'
       }
-      return "navbar menu-open";
+      return 'navbar menu-open'
     },
     linksClass() {
       if (this.menuCollapsed) {
-        return "links";
+        return 'links'
       }
-      return "links show";
+      return 'links show'
     }
   },
   data: function() {
     return {
       menuCollapsed: true
-    };
+    }
   },
   methods: {
     toggleMenu() {
-      this.menuCollapsed = !this.menuCollapsed;
+      this.menuCollapsed = !this.menuCollapsed
     },
     linksClick() {
-      this.toggleMenu();
+      this.toggleMenu()
     }
   }
-};
+}
 </script>
 
 <style scoped>
 .navbar {
-  font-family: "Roboto Slab", serif;
+  font-family: 'Roboto Slab', serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #181818;
diff --git a/test/NavBar.test.js b/test/NavBar.test.js
new file mode 100644
index 0000000..88bc5db
--- /dev/null
+++ b/test/NavBar.test.js
@@ -0,0 +1,27 @@
+import { shallowMount } from '@vue/test-utils'
+import NavBar from '../components/NavBar'
+
+describe('NavBar', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(NavBar)
+
+  wrapper.setProps({
+    title: 'Title',
+    routes: [
+      {
+        path: '/',
+        name: 'Home'
+      }
+    ]
+  })
+
+  it('check title', () => {
+    expect(wrapper.html()).toContain(
+      '<nuxt-link to="/" class="title-name">Title</nuxt-link>'
+    )
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/NavLink.test.js b/test/NavLink.test.js
index 8a1f144..aeb16d0 100644
--- a/test/NavLink.test.js
+++ b/test/NavLink.test.js
@@ -1,9 +1,9 @@
-import { mount } from '@vue/test-utils'
+import { shallowMount } from '@vue/test-utils'
 import NavLink from '../components/NavLink'
 
 describe('NavLink', () => {
   // Now mount the component and you have the wrapper
-  const wrapper = mount(NavLink)
+  const wrapper = shallowMount(NavLink)
 
   wrapper.setProps({ link: '/link', name: 'Link' })
 
@@ -12,4 +12,12 @@ describe('NavLink', () => {
       `<li class="navlink"><nuxt-link class="link" to="/link">Link</nuxt-link></li>`
     )
   })
+
+  it('check text', () => {
+    expect(wrapper.text()).toBe('Link')
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
 })
diff --git a/test/__snapshots__/NavBar.test.js.snap b/test/__snapshots__/NavBar.test.js.snap
new file mode 100644
index 0000000..fb90c28
--- /dev/null
+++ b/test/__snapshots__/NavBar.test.js.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NavBar match snapshot 1`] = `
+<nav
+  class="navbar"
+>
+  <div
+    class="title"
+  >
+    <!---->
+     
+    <nuxt-link
+      class="title-name"
+      to="/"
+    >
+      Title
+    </nuxt-link>
+  </div>
+   
+  <div
+    class="space"
+  />
+   
+  <button
+    class="menu-toggler"
+  >
+    Menu
+  </button>
+   
+  <ul
+    class="links"
+  >
+    <navlink-stub
+      link="/"
+      name="Home"
+    />
+     
+  </ul>
+</nav>
+`;
diff --git a/test/__snapshots__/NavLink.test.js.snap b/test/__snapshots__/NavLink.test.js.snap
new file mode 100644
index 0000000..122e5c8
--- /dev/null
+++ b/test/__snapshots__/NavLink.test.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NavLink match snapshot 1`] = `
+<li
+  class="navlink"
+>
+  <nuxt-link
+    class="link"
+    to="/link"
+  >
+    Link
+  </nuxt-link>
+</li>
+`;
-- 
cgit 1.4.1


From b259358616b5ca56e19b758b1f86ce2421f52c06 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Sat, 31 Aug 2019 11:00:58 +0200
Subject: Add snapshots

---
 test/NavBar.test.js                                | 27 ---------
 test/NavLink.test.js                               | 23 --------
 test/__snapshots__/NavBar.test.js.snap             | 40 -------------
 test/__snapshots__/NavLink.test.js.snap            | 14 -----
 test/components/FacebookFeed.test.js               | 11 ++++
 test/components/FacebookFindUsButton.test.js       | 11 ++++
 test/components/Footer.test.js                     | 20 +++++++
 test/components/JoinUs.test.js                     | 11 ++++
 test/components/NavBar.test.js                     | 27 +++++++++
 test/components/NavLink.test.js                    | 23 ++++++++
 .../__snapshots__/FacebookFeed.test.js.snap        | 13 +++++
 .../FacebookFindUsButton.test.js.snap              | 19 +++++++
 test/components/__snapshots__/Footer.test.js.snap  | 66 ++++++++++++++++++++++
 test/components/__snapshots__/JoinUs.test.js.snap  | 31 ++++++++++
 test/components/__snapshots__/NavBar.test.js.snap  | 40 +++++++++++++
 test/components/__snapshots__/NavLink.test.js.snap | 14 +++++
 test/pages/404.test.js                             | 11 ++++
 test/pages/__snapshots__/404.test.js.snap          | 13 +++++
 test/pages/__snapshots__/download.test.js.snap     | 25 ++++++++
 test/pages/__snapshots__/index.test.js.snap        |  9 +++
 test/pages/__snapshots__/kontakt.test.js.snap      | 31 ++++++++++
 test/pages/__snapshots__/o-nas.test.js.snap        |  7 +++
 test/pages/download.test.js                        | 11 ++++
 test/pages/index.test.js                           | 11 ++++
 test/pages/kontakt.test.js                         | 11 ++++
 test/pages/o-nas.test.js                           | 11 ++++
 26 files changed, 426 insertions(+), 104 deletions(-)
 delete mode 100644 test/NavBar.test.js
 delete mode 100644 test/NavLink.test.js
 delete mode 100644 test/__snapshots__/NavBar.test.js.snap
 delete mode 100644 test/__snapshots__/NavLink.test.js.snap
 create mode 100644 test/components/FacebookFeed.test.js
 create mode 100644 test/components/FacebookFindUsButton.test.js
 create mode 100644 test/components/Footer.test.js
 create mode 100644 test/components/JoinUs.test.js
 create mode 100644 test/components/NavBar.test.js
 create mode 100644 test/components/NavLink.test.js
 create mode 100644 test/components/__snapshots__/FacebookFeed.test.js.snap
 create mode 100644 test/components/__snapshots__/FacebookFindUsButton.test.js.snap
 create mode 100644 test/components/__snapshots__/Footer.test.js.snap
 create mode 100644 test/components/__snapshots__/JoinUs.test.js.snap
 create mode 100644 test/components/__snapshots__/NavBar.test.js.snap
 create mode 100644 test/components/__snapshots__/NavLink.test.js.snap
 create mode 100644 test/pages/404.test.js
 create mode 100644 test/pages/__snapshots__/404.test.js.snap
 create mode 100644 test/pages/__snapshots__/download.test.js.snap
 create mode 100644 test/pages/__snapshots__/index.test.js.snap
 create mode 100644 test/pages/__snapshots__/kontakt.test.js.snap
 create mode 100644 test/pages/__snapshots__/o-nas.test.js.snap
 create mode 100644 test/pages/download.test.js
 create mode 100644 test/pages/index.test.js
 create mode 100644 test/pages/kontakt.test.js
 create mode 100644 test/pages/o-nas.test.js

(limited to 'test')

diff --git a/test/NavBar.test.js b/test/NavBar.test.js
deleted file mode 100644
index 88bc5db..0000000
--- a/test/NavBar.test.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import NavBar from '../components/NavBar'
-
-describe('NavBar', () => {
-  // Now mount the component and you have the wrapper
-  const wrapper = shallowMount(NavBar)
-
-  wrapper.setProps({
-    title: 'Title',
-    routes: [
-      {
-        path: '/',
-        name: 'Home'
-      }
-    ]
-  })
-
-  it('check title', () => {
-    expect(wrapper.html()).toContain(
-      '<nuxt-link to="/" class="title-name">Title</nuxt-link>'
-    )
-  })
-
-  it('match snapshot', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-})
diff --git a/test/NavLink.test.js b/test/NavLink.test.js
deleted file mode 100644
index aeb16d0..0000000
--- a/test/NavLink.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import NavLink from '../components/NavLink'
-
-describe('NavLink', () => {
-  // Now mount the component and you have the wrapper
-  const wrapper = shallowMount(NavLink)
-
-  wrapper.setProps({ link: '/link', name: 'Link' })
-
-  it('renders the correct markup', () => {
-    expect(wrapper.html()).toContain(
-      `<li class="navlink"><nuxt-link class="link" to="/link">Link</nuxt-link></li>`
-    )
-  })
-
-  it('check text', () => {
-    expect(wrapper.text()).toBe('Link')
-  })
-
-  it('match snapshot', () => {
-    expect(wrapper.element).toMatchSnapshot()
-  })
-})
diff --git a/test/__snapshots__/NavBar.test.js.snap b/test/__snapshots__/NavBar.test.js.snap
deleted file mode 100644
index fb90c28..0000000
--- a/test/__snapshots__/NavBar.test.js.snap
+++ /dev/null
@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NavBar match snapshot 1`] = `
-<nav
-  class="navbar"
->
-  <div
-    class="title"
-  >
-    <!---->
-     
-    <nuxt-link
-      class="title-name"
-      to="/"
-    >
-      Title
-    </nuxt-link>
-  </div>
-   
-  <div
-    class="space"
-  />
-   
-  <button
-    class="menu-toggler"
-  >
-    Menu
-  </button>
-   
-  <ul
-    class="links"
-  >
-    <navlink-stub
-      link="/"
-      name="Home"
-    />
-     
-  </ul>
-</nav>
-`;
diff --git a/test/__snapshots__/NavLink.test.js.snap b/test/__snapshots__/NavLink.test.js.snap
deleted file mode 100644
index 122e5c8..0000000
--- a/test/__snapshots__/NavLink.test.js.snap
+++ /dev/null
@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NavLink match snapshot 1`] = `
-<li
-  class="navlink"
->
-  <nuxt-link
-    class="link"
-    to="/link"
-  >
-    Link
-  </nuxt-link>
-</li>
-`;
diff --git a/test/components/FacebookFeed.test.js b/test/components/FacebookFeed.test.js
new file mode 100644
index 0000000..7abedf6
--- /dev/null
+++ b/test/components/FacebookFeed.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import FacebookFeed from '../../components/FacebookFeed'
+
+describe('FacebookFeed', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(FacebookFeed)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/FacebookFindUsButton.test.js b/test/components/FacebookFindUsButton.test.js
new file mode 100644
index 0000000..d74e16f
--- /dev/null
+++ b/test/components/FacebookFindUsButton.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import FacebookFindUsButton from '../../components/FacebookFindUsButton'
+
+describe('FacebookFindUsButton', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(FacebookFindUsButton)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/Footer.test.js b/test/components/Footer.test.js
new file mode 100644
index 0000000..e284b5a
--- /dev/null
+++ b/test/components/Footer.test.js
@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import Footer from '../../components/Footer'
+
+describe('Footer', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(Footer)
+
+  wrapper.setProps({
+    routes: [
+      {
+        path: '/',
+        name: 'Home'
+      }
+    ]
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/JoinUs.test.js b/test/components/JoinUs.test.js
new file mode 100644
index 0000000..c831459
--- /dev/null
+++ b/test/components/JoinUs.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import JoinUs from '../../components/JoinUs'
+
+describe('JoinUs', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(JoinUs)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/NavBar.test.js b/test/components/NavBar.test.js
new file mode 100644
index 0000000..be61915
--- /dev/null
+++ b/test/components/NavBar.test.js
@@ -0,0 +1,27 @@
+import { shallowMount } from '@vue/test-utils'
+import NavBar from '../../components/NavBar'
+
+describe('NavBar', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(NavBar)
+
+  wrapper.setProps({
+    title: 'Title',
+    routes: [
+      {
+        path: '/',
+        name: 'Home'
+      }
+    ]
+  })
+
+  it('check title', () => {
+    expect(wrapper.html()).toContain(
+      '<nuxt-link to="/" class="title-name">Title</nuxt-link>'
+    )
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/NavLink.test.js b/test/components/NavLink.test.js
new file mode 100644
index 0000000..d35e6db
--- /dev/null
+++ b/test/components/NavLink.test.js
@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import NavLink from '../../components/NavLink'
+
+describe('NavLink', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(NavLink)
+
+  wrapper.setProps({ link: '/link', name: 'Link' })
+
+  it('renders the correct markup', () => {
+    expect(wrapper.html()).toContain(
+      `<li class="navlink"><nuxt-link class="link" to="/link">Link</nuxt-link></li>`
+    )
+  })
+
+  it('check text', () => {
+    expect(wrapper.text()).toBe('Link')
+  })
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/components/__snapshots__/FacebookFeed.test.js.snap b/test/components/__snapshots__/FacebookFeed.test.js.snap
new file mode 100644
index 0000000..6819e12
--- /dev/null
+++ b/test/components/__snapshots__/FacebookFeed.test.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FacebookFeed match snapshot 1`] = `
+<section
+  class="feed"
+>
+  <h1>
+    Zobacz co się dzieje!
+  </h1>
+   
+  <facebookfindusbutton-stub />
+</section>
+`;
diff --git a/test/components/__snapshots__/FacebookFindUsButton.test.js.snap b/test/components/__snapshots__/FacebookFindUsButton.test.js.snap
new file mode 100644
index 0000000..98783c4
--- /dev/null
+++ b/test/components/__snapshots__/FacebookFindUsButton.test.js.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FacebookFindUsButton match snapshot 1`] = `
+<a
+  href="https://facebook.com/19pdhpuszcza"
+  rel="noopener"
+  target="_blank"
+>
+  <div
+    class="button"
+  >
+    <img
+      alt="Find us on Facebook"
+      class="image"
+      src="/assets/social/find_us_fb.png"
+    />
+  </div>
+</a>
+`;
diff --git a/test/components/__snapshots__/Footer.test.js.snap b/test/components/__snapshots__/Footer.test.js.snap
new file mode 100644
index 0000000..577f85e
--- /dev/null
+++ b/test/components/__snapshots__/Footer.test.js.snap
@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer match snapshot 1`] = `
+<div
+  class="footer"
+  style="background-color: rgb(80, 123, 52);"
+>
+  <div
+    class="map"
+  >
+    <div
+      class="routes"
+    >
+      <nuxt-link
+        to="/"
+      >
+        Home
+      </nuxt-link>
+    </div>
+     
+    <div
+      class="routes"
+    />
+  </div>
+   
+  <div
+    class="space"
+  />
+   
+  <div
+    class="author"
+  >
+    <p>
+      19 Poznańska Drużyna Harcerzy Puszcza
+    </p>
+     
+    <div
+      class="social"
+    >
+      <a
+        href="https://github.com/19pdh/"
+        rel="”noopener”"
+        target="_blank"
+      >
+        <img
+          alt="Github"
+          class="icon"
+          src="/assets/social/github.png"
+        />
+      </a>
+       
+      <a
+        href="https://www.facebook.com/19pdhpuszcza/"
+        rel="”noopener”"
+        target="_blank"
+      >
+        <img
+          alt="Facebook"
+          class="icon"
+          src="/assets/social/facebook.png"
+        />
+      </a>
+    </div>
+  </div>
+</div>
+`;
diff --git a/test/components/__snapshots__/JoinUs.test.js.snap b/test/components/__snapshots__/JoinUs.test.js.snap
new file mode 100644
index 0000000..832268c
--- /dev/null
+++ b/test/components/__snapshots__/JoinUs.test.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`JoinUs match snapshot 1`] = `
+<section
+  class="joinus"
+>
+  <div
+    class="heading"
+  >
+    <div
+      class="title"
+    >
+      <div
+        class="text"
+      >
+        Rozpocznij swoją harcerską przygodę!
+      </div>
+    </div>
+     
+    <div
+      class="button"
+    >
+      <router-link
+        to="/kontakt"
+      >
+        Dołącz do nas!
+      </router-link>
+    </div>
+  </div>
+</section>
+`;
diff --git a/test/components/__snapshots__/NavBar.test.js.snap b/test/components/__snapshots__/NavBar.test.js.snap
new file mode 100644
index 0000000..fb90c28
--- /dev/null
+++ b/test/components/__snapshots__/NavBar.test.js.snap
@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NavBar match snapshot 1`] = `
+<nav
+  class="navbar"
+>
+  <div
+    class="title"
+  >
+    <!---->
+     
+    <nuxt-link
+      class="title-name"
+      to="/"
+    >
+      Title
+    </nuxt-link>
+  </div>
+   
+  <div
+    class="space"
+  />
+   
+  <button
+    class="menu-toggler"
+  >
+    Menu
+  </button>
+   
+  <ul
+    class="links"
+  >
+    <navlink-stub
+      link="/"
+      name="Home"
+    />
+     
+  </ul>
+</nav>
+`;
diff --git a/test/components/__snapshots__/NavLink.test.js.snap b/test/components/__snapshots__/NavLink.test.js.snap
new file mode 100644
index 0000000..122e5c8
--- /dev/null
+++ b/test/components/__snapshots__/NavLink.test.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NavLink match snapshot 1`] = `
+<li
+  class="navlink"
+>
+  <nuxt-link
+    class="link"
+    to="/link"
+  >
+    Link
+  </nuxt-link>
+</li>
+`;
diff --git a/test/pages/404.test.js b/test/pages/404.test.js
new file mode 100644
index 0000000..76322da
--- /dev/null
+++ b/test/pages/404.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import page404 from '../../pages/404'
+
+describe('404', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(page404)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/pages/__snapshots__/404.test.js.snap b/test/pages/__snapshots__/404.test.js.snap
new file mode 100644
index 0000000..44419f9
--- /dev/null
+++ b/test/pages/__snapshots__/404.test.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`404 match snapshot 1`] = `
+<div>
+  <h1>
+    404
+  </h1>
+   
+  <p>
+    Nie znaleziono strony
+  </p>
+</div>
+`;
diff --git a/test/pages/__snapshots__/download.test.js.snap b/test/pages/__snapshots__/download.test.js.snap
new file mode 100644
index 0000000..05d1361
--- /dev/null
+++ b/test/pages/__snapshots__/download.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`download match snapshot 1`] = `
+<div
+  class="container"
+>
+  <h1>
+    Do pobrania
+  </h1>
+   
+  <a
+    class="link"
+    href="/files/Karta_próby_na_sprawność.pdf"
+  >
+    Karta próby na sprawność
+  </a>
+   
+  <a
+    class="link"
+    href="/files/Próba_Harcerza.pdf"
+  >
+    Próba Harcerza
+  </a>
+</div>
+`;
diff --git a/test/pages/__snapshots__/index.test.js.snap b/test/pages/__snapshots__/index.test.js.snap
new file mode 100644
index 0000000..af3d906
--- /dev/null
+++ b/test/pages/__snapshots__/index.test.js.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`index match snapshot 1`] = `
+<div>
+  <joinus-stub />
+   
+  <facebookfeed-stub />
+</div>
+`;
diff --git a/test/pages/__snapshots__/kontakt.test.js.snap b/test/pages/__snapshots__/kontakt.test.js.snap
new file mode 100644
index 0000000..22be789
--- /dev/null
+++ b/test/pages/__snapshots__/kontakt.test.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`kontakt match snapshot 1`] = `
+<div>
+  <h1>
+    Kontakt z drużynowym
+  </h1>
+   
+  <p>
+    
+    tel:
+    
+    <a
+      href="tel:+48695516492"
+    >
+      +48695516492
+    </a>
+  </p>
+   
+  <p>
+    
+    email:
+    
+    <a
+      href="mailto:patryk.niedzwiedzinski@zhr.pl"
+    >
+      patryk.niedzwiedzinski@zhr.pl
+    </a>
+  </p>
+</div>
+`;
diff --git a/test/pages/__snapshots__/o-nas.test.js.snap b/test/pages/__snapshots__/o-nas.test.js.snap
new file mode 100644
index 0000000..fbdc54c
--- /dev/null
+++ b/test/pages/__snapshots__/o-nas.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Onas match snapshot 1`] = `
+<h1>
+  O nas
+</h1>
+`;
diff --git a/test/pages/download.test.js b/test/pages/download.test.js
new file mode 100644
index 0000000..78f16d9
--- /dev/null
+++ b/test/pages/download.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import download from '../../pages/download'
+
+describe('download', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(download)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/pages/index.test.js b/test/pages/index.test.js
new file mode 100644
index 0000000..1e262b3
--- /dev/null
+++ b/test/pages/index.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import index from '../../pages/index'
+
+describe('index', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(index)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/pages/kontakt.test.js b/test/pages/kontakt.test.js
new file mode 100644
index 0000000..d99e120
--- /dev/null
+++ b/test/pages/kontakt.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import kontakt from '../../pages/kontakt'
+
+describe('kontakt', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(kontakt)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
diff --git a/test/pages/o-nas.test.js b/test/pages/o-nas.test.js
new file mode 100644
index 0000000..8b87253
--- /dev/null
+++ b/test/pages/o-nas.test.js
@@ -0,0 +1,11 @@
+import { shallowMount } from '@vue/test-utils'
+import Onas from '../../pages/o-nas'
+
+describe('Onas', () => {
+  // Now mount the component and you have the wrapper
+  const wrapper = shallowMount(Onas)
+
+  it('match snapshot', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})
-- 
cgit 1.4.1