diff --git a/webapp/components/FilterMenu/OrderByFilter.spec.js b/webapp/components/FilterMenu/OrderByFilter.spec.js index 10b52449a..7f3fa7959 100644 --- a/webapp/components/FilterMenu/OrderByFilter.spec.js +++ b/webapp/components/FilterMenu/OrderByFilter.spec.js @@ -35,7 +35,7 @@ describe('OrderByFilter', () => { it('sets "newest-button" attribute `filled`', () => { expect( wrapper - .find('.order-by-filter .filter-list [data-test="newest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="newest-button"]') .classes('--filled'), ).toBe(true) }) @@ -43,7 +43,7 @@ describe('OrderByFilter', () => { it('don\'t sets "oldest-button" attribute `filled`', () => { expect( wrapper - .find('.order-by-filter .filter-list [data-test="oldest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="oldest-button"]') .classes('--filled'), ).toBe(false) }) @@ -56,9 +56,10 @@ describe('OrderByFilter', () => { }) it('don\'t sets "newest-button" attribute `filled`', () => { + console.log(wrapper.html()) expect( wrapper - .find('.order-by-filter .filter-list [data-test="newest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="newest-button"]') .classes('--filled'), ).toBe(false) }) @@ -66,7 +67,7 @@ describe('OrderByFilter', () => { it('sets "oldest-button" attribute `filled`', () => { expect( wrapper - .find('.order-by-filter .filter-list [data-test="oldest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="oldest-button"]') .classes('--filled'), ).toBe(true) }) @@ -75,7 +76,7 @@ describe('OrderByFilter', () => { describe('click "newest-button"', () => { it('calls TOGGLE_ORDER with "createdAt_desc"', () => { wrapper - .find('.order-by-filter .filter-list [data-test="newest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="newest-button"]') .trigger('click') expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_desc') }) @@ -84,7 +85,7 @@ describe('OrderByFilter', () => { describe('click "oldest-button"', () => { it('calls TOGGLE_ORDER with "createdAt_asc"', () => { wrapper - .find('.order-by-filter .filter-list [data-test="oldest-button"] .base-button') + .find('.order-by-filter .filter-list .base-button[data-test="oldest-button"]') .trigger('click') expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_asc') })