From 424eaa9e8098cef762b1a2a7565d37944bb25306 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Mon, 21 Oct 2019 18:25:12 +0200 Subject: Add storybook --- tests/components/FacebookFeed.test.js | 11 ---- tests/components/FacebookFindUsButton.test.js | 11 ---- tests/components/Footer.test.js | 20 ------- tests/components/JoinUs.test.js | 11 ---- tests/components/NavBar.test.js | 27 --------- tests/components/NavLink.test.js | 23 -------- .../__snapshots__/FacebookFeed.test.js.snap | 13 ----- .../FacebookFindUsButton.test.js.snap | 19 ------- tests/components/__snapshots__/Footer.test.js.snap | 66 ---------------------- tests/components/__snapshots__/JoinUs.test.js.snap | 31 ---------- tests/components/__snapshots__/NavBar.test.js.snap | 40 ------------- .../components/__snapshots__/NavLink.test.js.snap | 14 ----- tests/pages/404.test.js | 11 ---- tests/pages/__snapshots__/404.test.js.snap | 13 ----- tests/pages/__snapshots__/download.test.js.snap | 25 -------- tests/pages/__snapshots__/index.test.js.snap | 9 --- tests/pages/__snapshots__/kontakt.test.js.snap | 31 ---------- tests/pages/__snapshots__/o-nas.test.js.snap | 7 --- tests/pages/download.test.js | 11 ---- tests/pages/index.test.js | 11 ---- tests/pages/kontakt.test.js | 11 ---- tests/pages/o-nas.test.js | 11 ---- tests/unit/__snapshots__/storybook.test.js.snap | 27 +++++++++ tests/unit/storybook.test.js | 5 ++ 24 files changed, 32 insertions(+), 426 deletions(-) delete mode 100644 tests/components/FacebookFeed.test.js delete mode 100644 tests/components/FacebookFindUsButton.test.js delete mode 100644 tests/components/Footer.test.js delete mode 100644 tests/components/JoinUs.test.js delete mode 100644 tests/components/NavBar.test.js delete mode 100644 tests/components/NavLink.test.js delete mode 100644 tests/components/__snapshots__/FacebookFeed.test.js.snap delete mode 100644 tests/components/__snapshots__/FacebookFindUsButton.test.js.snap delete mode 100644 tests/components/__snapshots__/Footer.test.js.snap delete mode 100644 tests/components/__snapshots__/JoinUs.test.js.snap delete mode 100644 tests/components/__snapshots__/NavBar.test.js.snap delete mode 100644 tests/components/__snapshots__/NavLink.test.js.snap delete mode 100644 tests/pages/404.test.js delete mode 100644 tests/pages/__snapshots__/404.test.js.snap delete mode 100644 tests/pages/__snapshots__/download.test.js.snap delete mode 100644 tests/pages/__snapshots__/index.test.js.snap delete mode 100644 tests/pages/__snapshots__/kontakt.test.js.snap delete mode 100644 tests/pages/__snapshots__/o-nas.test.js.snap delete mode 100644 tests/pages/download.test.js delete mode 100644 tests/pages/index.test.js delete mode 100644 tests/pages/kontakt.test.js delete mode 100644 tests/pages/o-nas.test.js create mode 100644 tests/unit/__snapshots__/storybook.test.js.snap create mode 100644 tests/unit/storybook.test.js (limited to 'tests') 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( - 'Title' - ) - }) - - 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( - `
  • Link
    • ` - ) - }) - - 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`] = ` -
    -

    - Zobacz co się dzieje! -

    - - -
    -`; 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`] = ` - -
    - Find us on Facebook -
    -     -`; 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`] = ` -
    -
    -
    - - Home - -
    - -
    -
    - -
    - -
    -

    - 19 Poznańska Drużyna Harcerzy Puszcza -

    - - -
    -
    -`; 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`] = ` -
    -
    -
    -
    - Rozpocznij swoją harcerską przygodę! -
    -
    - -
    - - Dołącz do nas! - -
    -
    -
    -`; 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`] = ` - -`; 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`] = ` -
  • - - Link - -
    • -`; 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`] = ` -
    -

    - 404 -

    - -

    - Nie znaleziono strony -

    -
    -`; 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`] = ` -
    -

    - Do pobrania -

    - - - Karta próby na sprawność - - - - Próba Harcerza - -
    -`; 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`] = ` -
    - - - -
    -`; 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`] = ` -
    -

    - Kontakt z drużynowym -

    - -

    - - tel: - - - +48695516492 - -

    - -

    - - email: - - - patryk.niedzwiedzinski@zhr.pl - -

    -
    -`; 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`] = ` -

    - O nas -

    -`; 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`] = ` +
    + +
    +

    + Test ChroniclePost +

    + +

    + 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.... +

    +
    +     +
    +`; 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() -- cgit 1.4.1 From a8db3a02693e14dccd98f401e5ae78f6e5822b57 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Tue, 3 Dec 2019 16:47:20 +0100 Subject: Fix keys of RankingList story --- components/Ranking/RankingList.stories.js | 10 +- tests/unit/__snapshots__/storybook.test.js.snap | 589 +++++++++++++++++++++++- 2 files changed, 585 insertions(+), 14 deletions(-) (limited to 'tests') diff --git a/components/Ranking/RankingList.stories.js b/components/Ranking/RankingList.stories.js index c7b287d..830dd6a 100644 --- a/components/Ranking/RankingList.stories.js +++ b/components/Ranking/RankingList.stories.js @@ -6,7 +6,10 @@ import RankingList from './RankingList' import { rankingEntry } from './RankingEntry.stories' const rankingList = { - scores: Array(3).fill(rankingEntry) + scores: Array.from(Array(3).keys()).map(i => ({ + ...rankingEntry, + troop: `Troop${i}` + })) } storiesOf('Ranking/RankingList', module) @@ -15,6 +18,9 @@ storiesOf('Ranking/RankingList', module) return { components: { RankingList }, template: ``, - data: () => rankingList + data: () => { + console.log(rankingList) + return rankingList + } } }) diff --git a/tests/unit/__snapshots__/storybook.test.js.snap b/tests/unit/__snapshots__/storybook.test.js.snap index 606044b..6bd34f6 100644 --- a/tests/unit/__snapshots__/storybook.test.js.snap +++ b/tests/unit/__snapshots__/storybook.test.js.snap @@ -1,27 +1,592 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Storyshots ChroniclePost default 1`] = ` +exports[`Storyshots Buttons/PlainButton default 1`] = `
    + +
    +`; + +exports[`Storyshots Facebook/FacebookFeed default 1`] = ` +
    +
    +

    + Zobacz co się dzieje! +

    + + +
    + Find us on Facebook +
    +     +
    +
    +`; + +exports[`Storyshots Facebook/FacebookFindUsButton default 1`] = ` + +`; + +exports[`Storyshots JoinUs default 1`] = ` +
    +
    -

    - Test ChroniclePost -

    +
    + Rozpocznij swoją harcerską przygodę! +
    +
    -

    + Dołącz do nas + +

    + +
    +`; + +exports[`Storyshots NavLink default 1`] = ` +
    +
  • + + Test + +
    • +
    +`; + +exports[`Storyshots Posts/PostLink default 1`] = ` +
    +
    + +
    - 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.... +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    +`; + +exports[`Storyshots Posts/PurePostList default 1`] = ` +
    + + +
    +
    + +
    +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    + +
    +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    + +
    +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    + +
    +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    + +
    +

    + Test PostLink +

    + +

    + 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.... +

    +
    +     +
    +
    +
    +`; + +exports[`Storyshots Posts/PurePostList loading 1`] = ` +
    +
    +
    +
    +
    +
    +
    + + +
    +`; + +exports[`Storyshots Posts/PurePostList no posts 1`] = ` +
    + + +
    +
    +`; + +exports[`Storyshots Ranking/RankingEntry default 1`] = ` +
    +
  • +
    + Test +
    + +
    + 32 +
    +
    • +
    +`; + +exports[`Storyshots Ranking/RankingFirstEntry default 1`] = ` +
    +
  • + + +
    + Test +
    + +
    + 32 +
    +
    • +
    +`; + +exports[`Storyshots Ranking/RankingList default 1`] = ` +
    +
      +
    1. + + +
      + Test +
      + +
      + 32 +
      +
      2. + +
    2. +
      + Test +
      + +
      + 32 +
      +
      3. +
    3. +
      + Test +
      + +
      + 32 +
      +
      4. +
    +
    +`; + +exports[`Storyshots TheFooter default 1`] = ` +
    +
    +
    +
    +
    + + Strona główna + + + Do pobrania + + + Kontakt + + + Kronika + +
    + +
    +
    + +
    + +
    +

    + 19 Poznańska Drużyna Harcerzy Puszcza

    + +
    - +
    +
    +`; + +exports[`Storyshots TheHeader default 1`] = ` +
    + +
    `; -- cgit 1.4.1 From 952571655e438a80534ca38b863f3ac660048b89 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Wed, 4 Dec 2019 08:38:58 +0100 Subject: Update snapshots --- tests/unit/__snapshots__/storybook.test.js.snap | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'tests') diff --git a/tests/unit/__snapshots__/storybook.test.js.snap b/tests/unit/__snapshots__/storybook.test.js.snap index 6bd34f6..9310514 100644 --- a/tests/unit/__snapshots__/storybook.test.js.snap +++ b/tests/unit/__snapshots__/storybook.test.js.snap @@ -375,7 +375,7 @@ exports[`Storyshots Ranking/RankingList default 1`] = `
    - Test + Troop0
    - Test + Troop1
    - Test + Troop2