mirror of https://github.com/go-gitea/gitea.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.4 KiB
76 lines
2.4 KiB
import {createElementFromHTML} from '../../utils/dom.ts'; |
|
import {hideScopedEmptyDividers} from './dropdown.ts'; |
|
|
|
test('hideScopedEmptyDividers-simple', () => { |
|
const container = createElementFromHTML(`<div> |
|
<div class="divider"></div> |
|
<div class="item">a</div> |
|
<div class="divider"></div> |
|
<div class="divider"></div> |
|
<div class="divider"></div> |
|
<div class="item">b</div> |
|
<div class="divider"></div> |
|
</div>`); |
|
hideScopedEmptyDividers(container); |
|
expect(container.innerHTML).toEqual(` |
|
<div class="divider hidden transition"></div> |
|
<div class="item">a</div> |
|
<div class="divider hidden transition"></div> |
|
<div class="divider hidden transition"></div> |
|
<div class="divider"></div> |
|
<div class="item">b</div> |
|
<div class="divider hidden transition"></div> |
|
`); |
|
}); |
|
|
|
test('hideScopedEmptyDividers-items-all-filtered', () => { |
|
const container = createElementFromHTML(`<div> |
|
<div class="any"></div> |
|
<div class="divider"></div> |
|
<div class="item filtered">a</div> |
|
<div class="item filtered">b</div> |
|
<div class="divider"></div> |
|
<div class="any"></div> |
|
</div>`); |
|
hideScopedEmptyDividers(container); |
|
expect(container.innerHTML).toEqual(` |
|
<div class="any"></div> |
|
<div class="divider hidden transition"></div> |
|
<div class="item filtered">a</div> |
|
<div class="item filtered">b</div> |
|
<div class="divider"></div> |
|
<div class="any"></div> |
|
`); |
|
}); |
|
|
|
test('hideScopedEmptyDividers-hide-last', () => { |
|
const container = createElementFromHTML(`<div> |
|
<div class="item">a</div> |
|
<div class="divider" data-scope="b"></div> |
|
<div class="item tw-hidden" data-scope="b">b</div> |
|
</div>`); |
|
hideScopedEmptyDividers(container); |
|
expect(container.innerHTML).toEqual(` |
|
<div class="item">a</div> |
|
<div class="divider hidden transition" data-scope="b"></div> |
|
<div class="item tw-hidden" data-scope="b">b</div> |
|
`); |
|
}); |
|
|
|
test('hideScopedEmptyDividers-scoped-items', () => { |
|
const container = createElementFromHTML(`<div> |
|
<div class="item" data-scope="">a</div> |
|
<div class="divider" data-scope="b"></div> |
|
<div class="item tw-hidden" data-scope="b">b</div> |
|
<div class="divider" data-scope=""></div> |
|
<div class="item" data-scope="">c</div> |
|
</div>`); |
|
hideScopedEmptyDividers(container); |
|
expect(container.innerHTML).toEqual(` |
|
<div class="item" data-scope="">a</div> |
|
<div class="divider hidden transition" data-scope="b"></div> |
|
<div class="item tw-hidden" data-scope="b">b</div> |
|
<div class="divider hidden transition" data-scope=""></div> |
|
<div class="item" data-scope="">c</div> |
|
`); |
|
});
|
|
|