Fix unit test structure search of OrderByFilter.

This commit is contained in:
elweyn 2023-07-26 11:06:47 +02:00
parent fa569a7172
commit fa286139c4

View File

@ -35,7 +35,7 @@ describe('OrderByFilter', () => {
it('sets "newest-button" attribute `filled`', () => { it('sets "newest-button" attribute `filled`', () => {
expect( expect(
wrapper 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'), .classes('--filled'),
).toBe(true) ).toBe(true)
}) })
@ -43,7 +43,7 @@ describe('OrderByFilter', () => {
it('don\'t sets "oldest-button" attribute `filled`', () => { it('don\'t sets "oldest-button" attribute `filled`', () => {
expect( expect(
wrapper 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'), .classes('--filled'),
).toBe(false) ).toBe(false)
}) })
@ -56,9 +56,10 @@ describe('OrderByFilter', () => {
}) })
it('don\'t sets "newest-button" attribute `filled`', () => { it('don\'t sets "newest-button" attribute `filled`', () => {
console.log(wrapper.html())
expect( expect(
wrapper 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'), .classes('--filled'),
).toBe(false) ).toBe(false)
}) })
@ -66,7 +67,7 @@ describe('OrderByFilter', () => {
it('sets "oldest-button" attribute `filled`', () => { it('sets "oldest-button" attribute `filled`', () => {
expect( expect(
wrapper 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'), .classes('--filled'),
).toBe(true) ).toBe(true)
}) })
@ -75,7 +76,7 @@ describe('OrderByFilter', () => {
describe('click "newest-button"', () => { describe('click "newest-button"', () => {
it('calls TOGGLE_ORDER with "createdAt_desc"', () => { it('calls TOGGLE_ORDER with "createdAt_desc"', () => {
wrapper 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') .trigger('click')
expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_desc') expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_desc')
}) })
@ -84,7 +85,7 @@ describe('OrderByFilter', () => {
describe('click "oldest-button"', () => { describe('click "oldest-button"', () => {
it('calls TOGGLE_ORDER with "createdAt_asc"', () => { it('calls TOGGLE_ORDER with "createdAt_asc"', () => {
wrapper 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') .trigger('click')
expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_asc') expect(mutations['posts/TOGGLE_ORDER']).toHaveBeenCalledWith({}, 'createdAt_asc')
}) })