diff --git a/webapp/components/FilterMenu/CategoriesFilter.spec.js b/webapp/components/FilterMenu/CategoriesFilter.spec.js index d33d2a6e6..332376bd7 100644 --- a/webapp/components/FilterMenu/CategoriesFilter.spec.js +++ b/webapp/components/FilterMenu/CategoriesFilter.spec.js @@ -48,26 +48,20 @@ describe('CategoriesFilter.vue', () => { describe('mount', () => { it('starts with all categories button active', () => { - const allCategoriesButton = wrapper.find( - '.categories-filter .sidebar .base-button', - ) + const allCategoriesButton = wrapper.find('.categories-filter .sidebar .base-button') expect(allCategoriesButton.attributes().class).toContain('--filled') }) it('sets category button attribute `filled` when corresponding category is filtered', async () => { getters['posts/filteredCategoryIds'] = jest.fn(() => ['cat9']) wrapper = await Wrapper() - democracyAndPoliticsButton = wrapper - .findAll('.categories-filter .item .base-button') - .at(2) + democracyAndPoliticsButton = wrapper.findAll('.categories-filter .item .base-button').at(2) expect(democracyAndPoliticsButton.attributes().class).toContain('--filled') }) describe('click on an "catetories-buttons" button', () => { it('calls TOGGLE_CATEGORY when clicked', () => { - environmentAndNatureButton = wrapper - .findAll('.categories-filter .item .base-button') - .at(0) + environmentAndNatureButton = wrapper.findAll('.categories-filter .item .base-button').at(0) environmentAndNatureButton.trigger('click') expect(mutations['posts/TOGGLE_CATEGORY']).toHaveBeenCalledWith({}, 'cat4') }) @@ -77,9 +71,7 @@ describe('CategoriesFilter.vue', () => { it('when all button is clicked', async () => { getters['posts/filteredCategoryIds'] = jest.fn(() => ['cat9']) wrapper = await Wrapper() - const allCategoriesButton = wrapper.find( - '.categories-filter .sidebar .base-button', - ) + const allCategoriesButton = wrapper.find('.categories-filter .sidebar .base-button') allCategoriesButton.trigger('click') expect(mutations['posts/RESET_CATEGORIES']).toHaveBeenCalledTimes(1) }) diff --git a/webapp/components/FilterMenu/FollowingFilter.spec.js b/webapp/components/FilterMenu/FollowingFilter.spec.js index b5d5c91e3..67d935492 100644 --- a/webapp/components/FilterMenu/FollowingFilter.spec.js +++ b/webapp/components/FilterMenu/FollowingFilter.spec.js @@ -35,9 +35,7 @@ describe('FollowingFilter', () => { it('sets "filter-by-followed" button attribute `filled`', () => { getters['posts/filteredByUsersFollowed'] = jest.fn(() => true) const wrapper = Wrapper() - expect( - wrapper.find('.following-filter .sidebar .base-button').classes('--filled'), - ).toBe(true) + expect(wrapper.find('.following-filter .sidebar .base-button').classes('--filled')).toBe(true) }) describe('click "filter-by-followed" button', () => { diff --git a/webapp/components/FilterMenu/LanguagesFilter.spec.js b/webapp/components/FilterMenu/LanguagesFilter.spec.js index a525b67b3..818b4f63f 100644 --- a/webapp/components/FilterMenu/LanguagesFilter.spec.js +++ b/webapp/components/FilterMenu/LanguagesFilter.spec.js @@ -61,9 +61,7 @@ describe('LanguagesFilter.vue', () => { it('when all button is clicked', async () => { getters['posts/filteredLanguageCodes'] = jest.fn(() => ['en']) wrapper = await Wrapper() - const allLanguagesButton = wrapper.find( - '.languages-filter .sidebar .base-button', - ) + const allLanguagesButton = wrapper.find('.languages-filter .sidebar .base-button') allLanguagesButton.trigger('click') expect(mutations['posts/RESET_LANGUAGES']).toHaveBeenCalledTimes(1) }) diff --git a/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js b/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js index 9a22ab427..b0f13b885 100644 --- a/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js +++ b/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js @@ -2,6 +2,8 @@ import { storiesOf } from '@storybook/vue' import helpers from '~/storybook/helpers' import LabeledButton from './LabeledButton.vue' +helpers.init() + storiesOf('Generic/LabeledButton', module) .addDecorator(helpers.layout) .add('default', () => ({ @@ -13,22 +15,7 @@ storiesOf('Generic/LabeledButton', module) - `, - })) - - .add('filled', () => ({ - components: { LabeledButton }, - data: () => ({ - filled: true, - }), - template: ` - `,