diff options
author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-01 19:42:19 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-10-01 19:42:19 +0200 |
commit | 11b4d4779d7c955f99ababa5b7abe9281912de08 (patch) | |
tree | be6289a6c5972312584cc315425171b828c8bf58 /test/components | |
parent | 89837b8756590bd97b82450c6a445702f7ab5077 (diff) | |
parent | 89a60dbbbadee2fbccddddc47e92aaf8dce6525a (diff) | |
download | puszcza-11b4d4779d7c955f99ababa5b7abe9281912de08.tar.gz puszcza-11b4d4779d7c955f99ababa5b7abe9281912de08.zip |
Merge pull request #2 from 19pdh/develop
Merge from develop
Diffstat (limited to 'test/components')
-rw-r--r-- | test/components/FacebookFeed.test.js | 11 | ||||
-rw-r--r-- | test/components/FacebookFindUsButton.test.js | 11 | ||||
-rw-r--r-- | test/components/Footer.test.js | 20 | ||||
-rw-r--r-- | test/components/JoinUs.test.js | 11 | ||||
-rw-r--r-- | test/components/NavBar.test.js | 27 | ||||
-rw-r--r-- | test/components/NavLink.test.js | 23 | ||||
-rw-r--r-- | test/components/__snapshots__/FacebookFeed.test.js.snap | 13 | ||||
-rw-r--r-- | test/components/__snapshots__/FacebookFindUsButton.test.js.snap | 19 | ||||
-rw-r--r-- | test/components/__snapshots__/Footer.test.js.snap | 66 | ||||
-rw-r--r-- | test/components/__snapshots__/JoinUs.test.js.snap | 31 | ||||
-rw-r--r-- | test/components/__snapshots__/NavBar.test.js.snap | 40 | ||||
-rw-r--r-- | test/components/__snapshots__/NavLink.test.js.snap | 14 |
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> +`; |