about summary refs log tree commit diff
path: root/test/components
diff options
context:
space:
mode:
Diffstat (limited to 'test/components')
-rw-r--r--test/components/FacebookFeed.test.js11
-rw-r--r--test/components/FacebookFindUsButton.test.js11
-rw-r--r--test/components/Footer.test.js20
-rw-r--r--test/components/JoinUs.test.js11
-rw-r--r--test/components/NavBar.test.js27
-rw-r--r--test/components/NavLink.test.js23
-rw-r--r--test/components/__snapshots__/FacebookFeed.test.js.snap13
-rw-r--r--test/components/__snapshots__/FacebookFindUsButton.test.js.snap19
-rw-r--r--test/components/__snapshots__/Footer.test.js.snap66
-rw-r--r--test/components/__snapshots__/JoinUs.test.js.snap31
-rw-r--r--test/components/__snapshots__/NavBar.test.js.snap40
-rw-r--r--test/components/__snapshots__/NavLink.test.js.snap14
12 files changed, 286 insertions, 0 deletions
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>
+`;