Add storybook

24 files changed, 32 insertions, 426 deletions

diff --git a/tests/components/FacebookFeed.test.js b/tests/components/FacebookFeed.test.js
deleted file mode 100644
index 7abedf6..0000000
--- a/tests/components/FacebookFeed.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/components/FacebookFindUsButton.test.js b/tests/components/FacebookFindUsButton.test.js
deleted file mode 100644
index d74e16f..0000000
--- a/tests/components/FacebookFindUsButton.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/components/Footer.test.js b/tests/components/Footer.test.js
deleted file mode 100644
index e284b5a..0000000
--- a/tests/components/Footer.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-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/tests/components/JoinUs.test.js b/tests/components/JoinUs.test.js
deleted file mode 100644
index c831459..0000000
--- a/tests/components/JoinUs.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/components/NavBar.test.js b/tests/components/NavBar.test.js
deleted file mode 100644
index be61915..0000000
--- a/tests/components/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/tests/components/NavLink.test.js b/tests/components/NavLink.test.js
deleted file mode 100644
index d35e6db..0000000
--- a/tests/components/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/tests/components/__snapshots__/FacebookFeed.test.js.snap b/tests/components/__snapshots__/FacebookFeed.test.js.snap
deleted file mode 100644
index 6819e12..0000000
--- a/tests/components/__snapshots__/FacebookFeed.test.js.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// 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/tests/components/__snapshots__/FacebookFindUsButton.test.js.snap b/tests/components/__snapshots__/FacebookFindUsButton.test.js.snap
deleted file mode 100644
index 98783c4..0000000
--- a/tests/components/__snapshots__/FacebookFindUsButton.test.js.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// 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/tests/components/__snapshots__/Footer.test.js.snap b/tests/components/__snapshots__/Footer.test.js.snap
deleted file mode 100644
index 577f85e..0000000
--- a/tests/components/__snapshots__/Footer.test.js.snap
+++ /dev/null
@@ -1,66 +0,0 @@
-// 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/tests/components/__snapshots__/JoinUs.test.js.snap b/tests/components/__snapshots__/JoinUs.test.js.snap
deleted file mode 100644
index 832268c..0000000
--- a/tests/components/__snapshots__/JoinUs.test.js.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// 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/tests/components/__snapshots__/NavBar.test.js.snap b/tests/components/__snapshots__/NavBar.test.js.snap
deleted file mode 100644
index 89ef8e5..0000000
--- a/tests/components/__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/tests/components/__snapshots__/NavLink.test.js.snap b/tests/components/__snapshots__/NavLink.test.js.snap
deleted file mode 100644
index 122e5c8..0000000
--- a/tests/components/__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/tests/pages/404.test.js b/tests/pages/404.test.js
deleted file mode 100644
index 76322da..0000000
--- a/tests/pages/404.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/pages/__snapshots__/404.test.js.snap b/tests/pages/__snapshots__/404.test.js.snap
deleted file mode 100644
index 44419f9..0000000
--- a/tests/pages/__snapshots__/404.test.js.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// 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/tests/pages/__snapshots__/download.test.js.snap b/tests/pages/__snapshots__/download.test.js.snap
deleted file mode 100644
index 05d1361..0000000
--- a/tests/pages/__snapshots__/download.test.js.snap
+++ /dev/null
@@ -1,25 +0,0 @@
-// 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/tests/pages/__snapshots__/index.test.js.snap b/tests/pages/__snapshots__/index.test.js.snap
deleted file mode 100644
index af3d906..0000000
--- a/tests/pages/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`index match snapshot 1`] = `
-<div>
-  <joinus-stub />
-   
-  <facebookfeed-stub />
-</div>
-`;
diff --git a/tests/pages/__snapshots__/kontakt.test.js.snap b/tests/pages/__snapshots__/kontakt.test.js.snap
deleted file mode 100644
index 22be789..0000000
--- a/tests/pages/__snapshots__/kontakt.test.js.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// 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/tests/pages/__snapshots__/o-nas.test.js.snap b/tests/pages/__snapshots__/o-nas.test.js.snap
deleted file mode 100644
index fbdc54c..0000000
--- a/tests/pages/__snapshots__/o-nas.test.js.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Onas match snapshot 1`] = `
-<h1>
-  O nas
-</h1>
-`;
diff --git a/tests/pages/download.test.js b/tests/pages/download.test.js
deleted file mode 100644
index 78f16d9..0000000
--- a/tests/pages/download.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/pages/index.test.js b/tests/pages/index.test.js
deleted file mode 100644
index 1e262b3..0000000
--- a/tests/pages/index.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/pages/kontakt.test.js b/tests/pages/kontakt.test.js
deleted file mode 100644
index d99e120..0000000
--- a/tests/pages/kontakt.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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/tests/pages/o-nas.test.js b/tests/pages/o-nas.test.js
deleted file mode 100644
index 8b87253..0000000
--- a/tests/pages/o-nas.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-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()
-  })
-})
diff --git a/tests/unit/__snapshots__/storybook.test.js.snap b/tests/unit/__snapshots__/storybook.test.js.snap
new file mode 100644
index 0000000..606044b
--- /dev/null
+++ b/tests/unit/__snapshots__/storybook.test.js.snap
@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots ChroniclePost default 1`] = `
+<div
+  class="post"
+>
+  <a
+    href="/kronika/2019/20/11/test"
+  >
+    <div
+      class="post-container"
+    >
+      <h4
+        class="post-title"
+      >
+        Test ChroniclePost
+      </h4>
+       
+      <p
+        class="post-description"
+      >
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar non ex non sagittis. Quisque in enim tellus. Aliquam consequat mi id sapien congue, sit amet vulputate tortor viverra. Donec....
+      </p>
+    </div>
+  </a>
+</div>
+`;
diff --git a/tests/unit/storybook.test.js b/tests/unit/storybook.test.js
new file mode 100644
index 0000000..ed81be4
--- /dev/null
+++ b/tests/unit/storybook.test.js
@@ -0,0 +1,5 @@
+import registerRequireContextHook from 'babel-plugin-require-context-hook/register'
+import initStoryshots from '@storybook/addon-storyshots'
+
+registerRequireContextHook()
+initStoryshots()