agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 22:23:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #32393 from overleaf/mfb-improve-styling-on-support-custom-bibtex-entry-types

Browse Source 
Mfb improve styling on support custom bibtex entry types

GitOrigin-RevId: 091518fd80777521b2f04a6f262109ee70213cd0
This commit is contained in:
Maria Florencia Besteiro Gonzalez
2026-03-31 08:07:38 +00:00
committed by Copybot
parent ec8ef1cc5e
commit 71b303863b
5 changed files with 112 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/test/frontend/components/shared/ol-autocomplete.spec.tsx
+51
View File
@@ -58,6 +58,7 @@ function render(props: RenderProps) {
disabled={props.disabled}
createOptionPrefix={props.createOptionPrefix}
useFuzzySearch={props.useFuzzySearch}
expandUp={props.expandUp}
/>
<button type="submit">submit</button>
</form>
@@ -528,4 +529,54 @@ describe('<OLAutocomplete />', function () {
cy.contains('+ Create').should('exist')
})
})
describe('expandUp prop', function () {
it('renders search bar before results list when expandUp is false', function () {
render({ items: testItems, expandUp: false })
cy.findByRole('combobox').click()
cy.get('.ol-autocomplete').within(() => {
cy.get('.dropdown-menu').then($menu => {
cy.findByRole('combobox').then($input => {
const inputTop = $input[0].getBoundingClientRect().top
const menuTop = $menu[0].getBoundingClientRect().top
expect(inputTop).to.be.lessThan(menuTop)
})
})
})
})
it('renders results list before search bar when expandUp is true', function () {
render({ items: testItems, expandUp: true })
cy.findByRole('combobox').click()
cy.get('.ol-autocomplete').within(() => {
cy.get('.dropdown-menu').then($menu => {
cy.findByRole('combobox').then($input => {
const inputTop = $input[0].getBoundingClientRect().top
const menuTop = $menu[0].getBoundingClientRect().top
expect(menuTop).to.be.lessThan(inputTop)
})
})
})
})
it('applies correct margin class when expandUp is false', function () {
render({ items: testItems, expandUp: false })
cy.get('.ol-autocomplete').within(() => {
cy.get('.mb-3').should('exist')
cy.get('.mt-3').should('not.exist')
})
})
it('applies correct margin class when expandUp is true', function () {
render({ items: testItems, expandUp: true })
cy.get('.ol-autocomplete').within(() => {
cy.get('.mt-3').should('exist')
cy.get('.mb-3').should('not.exist')
})
})
})
})