From 34da06762e81f85c5df29fdec66e2055b8b930a9 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Tue, 3 Dec 2019 13:05:15 +0100 Subject: Add missing stories --- components/Ranking/RankingEntry.stories.js | 19 +++++++++++++++++++ components/Ranking/RankingFirstEntry.stories.js | 16 ++++++++++++++++ components/Ranking/RankingList.stories.js | 20 ++++++++++++++++++++ 3 files changed, 55 insertions(+) create mode 100644 components/Ranking/RankingEntry.stories.js create mode 100644 components/Ranking/RankingFirstEntry.stories.js create mode 100644 components/Ranking/RankingList.stories.js (limited to 'components/Ranking') diff --git a/components/Ranking/RankingEntry.stories.js b/components/Ranking/RankingEntry.stories.js new file mode 100644 index 0000000..20bf6e1 --- /dev/null +++ b/components/Ranking/RankingEntry.stories.js @@ -0,0 +1,19 @@ +import { storiesOf } from '@storybook/vue' +import { center } from '../../.storybook/decorators' + +import RankingEntry from './RankingEntry' + +export const rankingEntry = { + troop: 'Test', + points: 32 +} + +storiesOf('Ranking/RankingEntry', module) + .addDecorator(center) + .add('default', () => { + return { + components: { RankingEntry }, + template: ``, + data: () => rankingEntry + } + }) diff --git a/components/Ranking/RankingFirstEntry.stories.js b/components/Ranking/RankingFirstEntry.stories.js new file mode 100644 index 0000000..05fa517 --- /dev/null +++ b/components/Ranking/RankingFirstEntry.stories.js @@ -0,0 +1,16 @@ +import { storiesOf } from '@storybook/vue' +import { center } from '../../.storybook/decorators' + +import RankingFirstEntry from './RankingFirstEntry' + +import { rankingEntry } from './RankingEntry.stories' + +storiesOf('Ranking/RankingFirstEntry', module) + .addDecorator(center) + .add('default', () => { + return { + components: { RankingFirstEntry }, + template: ``, + data: () => rankingEntry + } + }) diff --git a/components/Ranking/RankingList.stories.js b/components/Ranking/RankingList.stories.js new file mode 100644 index 0000000..c7b287d --- /dev/null +++ b/components/Ranking/RankingList.stories.js @@ -0,0 +1,20 @@ +import { storiesOf } from '@storybook/vue' +import { center } from '../../.storybook/decorators' + +import RankingList from './RankingList' + +import { rankingEntry } from './RankingEntry.stories' + +const rankingList = { + scores: Array(3).fill(rankingEntry) +} + +storiesOf('Ranking/RankingList', module) + .addDecorator(center) + .add('default', () => { + return { + components: { RankingList }, + template: ``, + data: () => rankingList + } + }) -- 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 'components/Ranking') 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`] = ` + +`; + +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 440afcb2f5b13982ea93b3fcb8854cdb61722442 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Wed, 4 Dec 2019 08:28:38 +0100 Subject: Fix storyshots --- .storybook/config.js | 4 +++- components/Facebook/FacebookFindUsButton.vue | 2 ++ components/Ranking/RankingFirstEntry.vue | 1 + components/Ranking/RankingList.stories.js | 5 +---- 4 files changed, 7 insertions(+), 5 deletions(-) (limited to 'components/Ranking') diff --git a/.storybook/config.js b/.storybook/config.js index 7126515..45f33c0 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -1,6 +1,8 @@ import { configure } from '@storybook/vue' -import '../assets/css/main.css' +if (!process.env.JEST_WORKER_ID) { + require('../assets/css/main.css') +} const req = require.context('../components', true, /\.stories.js$/) function loadStories() { diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue index 05aa9f6..b955b0b 100644 --- a/components/Facebook/FacebookFindUsButton.vue +++ b/components/Facebook/FacebookFindUsButton.vue @@ -32,6 +32,8 @@ .image { width: 200px; + display: block; + margin: auto; } @media (max-width: 500px) { diff --git a/components/Ranking/RankingFirstEntry.vue b/components/Ranking/RankingFirstEntry.vue index d9f290b..ad0bea0 100644 --- a/components/Ranking/RankingFirstEntry.vue +++ b/components/Ranking/RankingFirstEntry.vue @@ -44,6 +44,7 @@ export default { .ranking-first-entry__troop { grid-column: 2; + text-align: center; } .ranking-first-entry__points { diff --git a/components/Ranking/RankingList.stories.js b/components/Ranking/RankingList.stories.js index 830dd6a..ad3576b 100644 --- a/components/Ranking/RankingList.stories.js +++ b/components/Ranking/RankingList.stories.js @@ -18,9 +18,6 @@ storiesOf('Ranking/RankingList', module) return { components: { RankingList }, template: ``, - data: () => { - console.log(rankingList) - return rankingList - } + data: () => rankingList } }) -- cgit 1.4.1